tag:blogger.com,1999:blog-181259842024-03-13T08:48:38.254+09:00レッド ■ ワン: red-one主な議題: Web,Mozilla Firefox,PC,Blogger / blog アレコレ といったもの,・・・のようで自分の日々の泡を綴ったブログ.Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-18125984.post-54171393199966504912008-12-16T01:08:00.003+09:002008-12-16T01:16:39.347+09:00Firefox の新規blankページをカスタマイズカスタマイズと言ってもスタイルを適用するくらいですが。<br /><div class="photo"><a href="http://picasaweb.google.co.jp/lh/photo/8oharOZ71hX7xyItkusWEg"><img src="http://lh5.ggpht.com/_sEFtpv_qahw/SUZ8m35vhuI/AAAAAAAAAKQ/r2spiVJQHEg/s288/fx_about_blank03.png" /></a></div><br /><h4>できること</h4> 背景色の変更や画像の表示ができます。<br />こちらのページ(<a href="http://designworks.seesaa.net/article/43333528.html">FireFoxの空白ページを彩る「Dark Firefox」: DesignWorks</a>)にあるようなものを全く一切の拡張機能なしで実現する方法を提案。<br />対応: Fx2 ~<br />(画像表示に対応しているのは2.0からでした)<br />一部拡張機能と競合します。<a href="https://addons.mozilla.org/firefox/addon/4810">Speed Dial</a> や <a href="https://addons.mozilla.org/ja/firefox/addon/8615">Auto Dial</a> などをインストールした状態では効果はありません。<br /><h4>ユーザスタイルシートの利用</h4> 具体的なやり方については、Fxの<a href="http://firefox.geckodev.org/index.php?usercontent.css">ユーザスタイルシート</a>を使います。<br /><h4>サンプルコード</h4><pre><code>@-moz-document url("<span style="color:red;">about:blank</span>") {<br />html {}<br />body {<br /> margin: 0;<br /> width: 100%;<br /> height: 100%;<br /> background: <span style="color:blue;">#000000</span><br /> center no-repeat fixed;<br /> background-image: url(chrome://branding/content/<span style="color:blue;">icon64.png</span>); <span style="color:green;">/* For Fx2 */</span><br />}<br />x:-moz-broken,<br />body {<br /> background-image: url(./<span style="color:blue;">icon64.png</span>); <span style="color:green;">/* For Fx3 */</span><br />}<br />}</code></pre>画像を配置する場合は、Fx3 ではchrome:// 以下にアクセスできない替わりにユーザスタイルシートからの相対パスが使えるので、<Profileのディレクトリィ>/chrome に画像をバンバン置きましょう。<br />Fx2 の場合は、相対パスが使えない替わりに chrome:// にアクセスできるので browser.jar の中に入れてしまいましょう。<br /><h5>表示サンプル</h5><div class="photo"><a href="http://picasaweb.google.co.jp/lh/photo/thp1umo6S8p-hH0-2rKozA"><img src="http://lh5.ggpht.com/_sEFtpv_qahw/SUZ8l4q7aZI/AAAAAAAAAKA/1bI_XfgadQQ/s288/fx_about_blank01.png" /></a></div><br /><h4>テキストを表示させる</h4> スタイルシートのみのカスタマイズですので、ページのコンテンツそのものは書き換えられないのですが、テキストを表示したい、というときは :before 擬似要素や :after 擬似要素を用いることでテキストの表示ができます。<br /><pre><code>@-moz-document url("<span style="color:red;">about:blank</span>") {<br />body {<br /> margin: 0;<br /> width: 100%;<br /> height: 100%;<br /> font-family: Verdana, Helvetica, sans-serif, Arial;<br />}<br />body:before {<br /> content: "<span style="color:blue;">about:blank</span>";<br /> font-size: 140px;<br /> font-weight: bold;<br /> color: #ccccccc;<br /> cursor: default;<br />}<br />html:after {<br /> content: "<span style="color:blue;">Designed by Akanasu.c</span>";<br /> display: block;<br /> height: 30px;<br /> margin-top: -50px;<br /> text-align: right;<br /> font-size: 30px;<br /> font-weight: bold;<br /> color: #555555;<br /> cursor: default;<br />}<br />}</code></pre><br /><h5>表示サンプル</h5><div class="photo"><a href="http://picasaweb.google.co.jp/lh/photo/BmOPwH4qu6yQR8H-UVqGeg"><img src="http://lh6.ggpht.com/_sEFtpv_qahw/SUZ8muy5VRI/AAAAAAAAAKI/6fx3835WPLQ/s288/fx_about_blank02.png" /></a></div><br /><h4>応用として</h4> html 要素と body 要素にそれぞれ別の背景画像を指定することでちょっと複雑な表現も可能です。<br /><h4>参考</h4><ul class="reff"><li><a href="http://designworks.seesaa.net/article/43333528.html">FireFoxの空白ページを彩る「Dark Firefox」: DesignWorks</a></li><li><a href="http://firefox.geckodev.org/index.php?usercontent.css">usercontent.css - Mozilla Firefox まとめサイト</a></li><li><a href="http://www.yomotsu.net/lab/css/csshack_firefox">Firefox 1.0, 1.5, 3.0 用の CSS ハック | ヨモツネット</a></li></ul>Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1tag:blogger.com,1999:blog-18125984.post-56092724680623002712008-06-26T22:20:00.002+09:002008-06-26T22:26:42.974+09:00CSS3: Target 擬似クラスを実装するスクリプト sfTarget.js を(勝手に)作り直しCSS3 の Target 擬似クラスというものを IE,Opera に実装するスクリプトです.<br />Target 擬似クラスについてはこちらを参考に.<br /><br /><ul><li><a href="http://www.lucky-bag.com/archives/2006/10/target-pseudo-classes.html" >Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する</a></li></ul><br /># ざっくり説明しようと思ったら意外と難しかったので省きます.<br /># リンク先を見てちょ<br /><br />CSS3 で定義されている Target擬似クラスは IE と Opera では実装されていません. 上記エントリィ内でも Javascript で実現するスクリプトが紹介されてますが,スクリプトが読みづらい+意味不明な処理が多いので抜本的に作り直してみました.<br /><br /><h4>sfTarget.js: IE,Opera に Target 擬似クラスを実装するスクリプト</h4><h5>JS ファイル</h5> コメントを削ったちょい軽量版です.<br /><br /><ul><li><a href="http://akanasu.googlepages.com/sftarget.js">http://akanasu.googlepages.com/sftarget.js</a></li></ul><br />HTML に埋め込む際は <code class="xhtml">head</code> 要素内に以下の1行を挿入してください.<br /><pre><code class="xhtml"><br /><script type="text/javascript" src="http://akanasu.googlepages.com/sftarget.js"></script><br /></code></pre><br /><h5>ソースコード</h5><pre><code class="js"><br />function sfTarget () {<br /> var cls = 'sftarget'; <span class="comment-out" style="color:green;">//クラス名</span><br /> if (document.location.hash) {<br /> var id = document.location.hash.substring(1);<br /> var elm= document.getElementById(id);<br /> if (elm) { elm.className += ' '+cls; }<br /> }<br /> for (var i=0; i < document.links.length; i++) {<br /> if (document.links[i].hash == '') { continue; }<br /> document.links[i].attachEvent('onclick', function (event) {<br /> <span class="comment-out" style="color:green;">//前Target要素からクラス削除</span><br /> if (document.location.hash) {<br /> var id = document.location.hash.substring(1);<br /> var elm= document.getElementById(id);<br /> if (elm) { elm.className = elm.className.replace(' '+cls, ''); }<br /> }<br /> <span class="comment-out" style="color:green;">//Traget要素にクラス追加</span><br /> var id = event.srcElement.hash.substring(1);<br /> var elm= document.getElementById(id);<br /> if (elm) { elm.className += ' '+cls; }<br /> });<br /> }<br />}<br />if (window.attachEvent) { window.attachEvent('onload', sfTarget); }<br /></code></pre><br /><br /><h4>CSS 指定方法に関して</h4> 因みに,CSS の指定方法としては<br /><pre><code class="css"><br />div.sftarget,<br />div:target {<br /> <span class="comment-out" style="color:green;">/* (IE?), Opera ではここのスタイル指定は無視されます */</span><br /> background: #0ff;<br />}<br /></code></pre><br />のようにグループ化して<strong>書けません</strong>のでご注意ください.<br /><pre><code class="css"><br />div:target {<br /> background: #0ff;<br />}<br />div.sftarget {<br /> background: #0ff;<br />}<br /></code></pre><br />と,同じスタイルでも分けて記述しましょう.<br />理由としてはこちらの「説明」部分に詳しく説明されています.<br /><br /><ul><li><a href="http://www.yomotsu.net/lab/css/csshack_firefox" >Firefox 1.0, 1.5, 3.0 用の CSS ハック | ヨモツネット</a></li></ul><br /><code class="css">:target</code> が対応していないからですね.<br /><br /><h4>リファレンス</h4><br /><ul class="ref"><li><a href="http://www.lucky-bag.com/archives/2006/10/target-pseudo-classes.html" >Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する</a></li><li><a href="http://www.lucky-bag.com/archives/2006/11/pure-css-slide-show.html" >Lucky bag::blog: ピュア CSS なプレゼン用スライドショー</a></li><li><a href="http://www.htmldog.com/articles/suckerfish/target/" >Suckerfish :target | HTML Dog</a></li><li><a href="http://orera.g.hatena.ne.jp/usopion/20061110/p1" >:target 疑似クラスでごにょごにょの解 - USOperaION/ε∂.∂з\ - チーム俺等</a></li></ul>Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-15362057498483228762007-12-01T18:36:00.002+09:002008-03-26T01:55:55.404+09:00テーブルのセルをハイライトするCSS +α<p><h5>更新 at 2007 12 03</h5> サンプル2,3において IE6 でテーブルが崩れていたものを修正.<br />CSS コードの修正はありません.</p><br /><br /><h4>マウスオーバしたテーブルの行・セルをハイライト表示</h4> CSS のみで,マウスオーバしたセルのスタイルを変更する方法を紹介したいと思います.<br /><br /><strong>※ただし,IE6には対応していません.</strong><br /><strong>※Firefox 1.5, 2.0 で動作確認しております. IE7, Opera, Safari3.0(Win版) で動作確認しました.</strong><br /><br />HTML コード:<pre><code><table><br /><thead> <tr><th> aaa </th><th> bbb </th><th> ccc </th><th> ddd </th></tr> </thead><br /><tbody><br /> <tr><td> a1 </td><td> b1 </td><td> c1 </td><td> d1 </td></tr><br /> <tr><td> a2 </td><td> b2 </td><td> c2 </td><td> d2 </td></tr><br /> <tr><td> a3 </td><td> b3 </td><td> c3 </td><td> d3 </td></tr><br /> <tr><td> a4 </td><td> b4 </td><td> c4 </td><td> d4 </td></tr><br /></tbody><br /></table></code></pre><br />元となるHTMLソースコードは上記のような一般的なもの. もとソースに手を加える必要はございません.<br /><br /><br />CSS コード:<pre><code>/* テーブルのスタイル */<br /><br />table, table * {<br /> border-collapse: collapse;<br /> border: 1px solid <span style="color:blue;">#ddd</span>; <span style="color:blue;">/* テーブルのボーダの色 */</span><br />}<br />th, td {<br /> width: 3em;<br />}<br />thead th {<br /> background: <span style="color:blue;">#69d</span>; <span style="color:blue;">/* 第一行目(項目名)のセルの色 */</span><br />}<br /> th:first-child {<br /> background: <span style="color:blue;">#88d</span>; <span style="color:blue;">/* 左上のセルの色 */</span><br /> }<br /><br />td:first-child {<br /> background: <span style="color:blue;">#ccc</span>; <span style="color:blue;">/* 一列目のセルの色 */</span><br /> text-align: center;<br />}<br /><br />tfoot td {<br /> background: <span style="color:blue;">#6d9</span>;<br />}<br /> tfoot td:first-child {<br /> background: <span style="color:blue;">#8d8</span>;<br /> text-align: center;<br /> }<br /><br />/* マウスオーバしたセルのスタイル */<br /><br />tbody tr:hover td {<br /> background: <span style="color:blue;">#dff</span>; <span style="color:blue;">/* 列のハイライト色 */</span><br />}<br />tbody tr:hover td:first-child {<br /> background: <span style="color:blue;">#cdf</span>; <span style="color:blue;">/* 第一行目のハイライト色 */</span><br />}<br /><br />tbody tr:hover td:hover {<br /> background: <span style="color:blue;">#acf</span>; <span style="color:blue;">/* セルのハイライト色 */</span><br />}</code></pre> 上部はテーブル全体のスタイル指定,下部がハイライト部分のセル・行のスタイル指定になります.<br />色味等は好みで変えましょう(<span style="color:blue;">青字部分</span>).<br /><br /><br />以下が実際にスタイルを適用したテーブルのサンプルになります.<br /><div id="table-highlight-sample1"><br /><h5>Table サンプル 1 マウスオーバ・ハイライト</h5><table style="border-collapse:collapse;border:1px solid #ddd;width:12em;"><thead><tr><th style="border:1px solid #ddd;">aaa</th><th style="border:1px solid #ddd;">bbb</th><th style="border:1px solid #ddd;">ccc</th><th style="border:1px solid #ddd;">ddd</th></tr></thead><tbody><tr><td style="border:1px solid #ddd;"> a1 </td><td style="border:1px solid #ddd;"> b1 </td><td style="border:1px solid #ddd;"> c1 </td><td style="border:1px solid #ddd;"> d1 </td></tr><tr><td style="border:1px solid #ddd;"> a2 </td><td style="border:1px solid #ddd;"> b2 </td><td style="border:1px solid #ddd;"> c2 </td><td style="border:1px solid #ddd;"> d2 </td></tr><tr><td style="border:1px solid #ddd;"> a3 </td><td style="border:1px solid #ddd;"> b3 </td><td style="border:1px solid #ddd;"> c3 </td><td style="border:1px solid #ddd;"> d3 </td></tr><tr><td style="border:1px solid #ddd;"> a4 </td><td style="border:1px solid #ddd;"> b4 </td><td style="border:1px solid #ddd;"> c4 </td><td style="border:1px solid #ddd;"> d4 </td></tr></tbody></table></div><br /><br />縦の列(カラム)へのハイライトには対応していません.<br />なんとかしたい・・・.<br /><br /><br /><h4>テーブルの内容部分のみをスクロールする</h4> +αの部分.<br /> テーブルが巨大になってしまった場合,第一列(ヘッド:項目名部分)を固定して,ボディ部分のみをスクロールさせる方法がある.<br />それを,HTML には全く手を加えず,CSS のみで表現する手法を提案.<br /><br />使用する HTML コードは上記と同一.<br />特別なカスタマイズはいりません.<br /><strong>※ こちらは Firefox ブラウザにしか対応していません.</strong><br /><br />CSS コード:<pre><code>tbody {<br /> height: <span style="color:red;">200px</span>;<br /> overflow: auto;<br />}</code></pre><br />tbody タグに高さを指定(例では<span style="color:red;">200px</span>)して,はみ出る部分はスクロールするようにする.<br /><div id="table-highlight-sample2"><br /><h5>Table サンプル 2 スクロール/バグあり</h5><table style="border-collapse:collapse;border:1px solid #ddd;width:12em;"><thead><tr><th style="border:1px solid #ddd;">aaa</th><th style="border:1px solid #ddd;">bbb</th><th style="border:1px solid #ddd;">ccc</th><th style="border:1px solid #ddd;">ddd</th></tr></thead><tfoot><tr><td style="border:1px solid #ddd;">aa</td><td style="border:1px solid #ddd;">bb</td><td style="border:1px solid #ddd;">cc</td><td style="border:1px solid #ddd;">dd</td></tr></tfoot><tbody style="height:200px;overflow:auto;"><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a1 </td><td style="border:1px solid #ddd;"> b1 </td><td style="border:1px solid #ddd;"> c1 </td><td style="border:1px solid #ddd;"> d1 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a2 </td><td style="border:1px solid #ddd;"> b2 </td><td style="border:1px solid #ddd;"> c2 </td><td style="border:1px solid #ddd;"> d2 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a3 </td><td style="border:1px solid #ddd;"> b3 </td><td style="border:1px solid #ddd;"> c3 </td><td style="border:1px solid #ddd;"> d3 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a4 </td><td style="border:1px solid #ddd;"> b4 </td><td style="border:1px solid #ddd;"> c4 </td><td style="border:1px solid #ddd;"> d4 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a1 </td><td style="border:1px solid #ddd;"> b1 </td><td style="border:1px solid #ddd;"> c1 </td><td style="border:1px solid #ddd;"> d1 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a2 </td><td style="border:1px solid #ddd;"> b2 </td><td style="border:1px solid #ddd;"> c2 </td><td style="border:1px solid #ddd;"> d2 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a3 </td><td style="border:1px solid #ddd;"> b3 </td><td style="border:1px solid #ddd;"> c3 </td><td style="border:1px solid #ddd;"> d3 </td></tr><tr style="height:2.0em;"><td style="border:1px solid #ddd;"> a4 </td><td style="border:1px solid #ddd;"> b4 </td><td style="border:1px solid #ddd;"> c4 </td><td style="border:1px solid #ddd;"> d4 </td></tr></tbody></table> ※Firefox で見てみよう!</div><br />フッタも付けるとこのような感じ.<br /><br /><br /><h4>テーブルの内容部分のみをスクロールする 改良</h4> 上記のコードの場合,table の高さの解釈により,無駄な枠線(ボーダ)が表示され,見苦しいものとなる.<br />この現象を回避する為に,CSS を一部書き換える.<br /><br />CSS コード:<pre><code>table {<br /> <span style="color:orange;">background: #ddd;</span><br /> <span style="color:orange;">border-spacing: 1px;</span><br />}<br />th, td {<br /> width: 3em;<br /> <span style="color:orange;">background: #fff;</span><br />}</code></pre><br />border-collapse や border の指定は消します. 枠をボーダではなくて,セル間の空白で表現.<br />以下のようになります.<br /><div id="table-highlight-sample3"><br /><h5>Table サンプル 3 スクロール/バグ修正</h5><table style="width:12em;"><thead><tr><th>aaa</th><th>bbb</th><th>ccc</th><th>ddd</th></tr></thead><tfoot><tr><td>aa</td><td>bb</td><td>cc</td><td>dd</td></tr></tfoot><tbody style="height:200px;overflow:auto;"><tr style="height:2.0em;"><td> a1 </td><td> b1 </td><td> c1 </td><td> d1 </td></tr><tr style="height:2.0em;"><td> a2 </td><td> b2 </td><td> c2 </td><td> d2 </td></tr><tr style="height:2.0em;"><td> a3 </td><td> b3 </td><td> c3 </td><td> d3 </td></tr><tr style="height:2.0em;"><td> a4 </td><td> b4 </td><td> c4 </td><td> d4 </td></tr><tr style="height:2.0em;"><td> a1 </td><td> b1 </td><td> c1 </td><td> d1 </td></tr><tr style="height:2.0em;"><td> a2 </td><td> b2 </td><td> c2 </td><td> d2 </td></tr><tr style="height:2.0em;"><td> a3 </td><td> b3 </td><td> c3 </td><td> d3 </td></tr><tr style="height:2.0em;"><td> a4 </td><td> b4 </td><td> c4 </td><td> d4 </td></tr></tbody></table> ※Firefox で見てみよう!</div><br />横スクロールバーが出てきてしまうのは・・・見逃してください.<br /><br /><ul>ref.<li>参考:web creators 2008年1月号 <a href="http://www.mdn.co.jp/content/view/4637/">目次»</a></li></ul><br /><br /><br />--<br />12月になりました. やりたい事が増えてきた.<br /><script type="text/javascript">google_ad_client="pub-0582368893612485";/* Firefox アイコンイメージ 180x60 */google_ad_slot="8271023309";google_ad_width=180;google_ad_height=60;google_cpa_choice="";</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com5tag:blogger.com,1999:blog-18125984.post-24099860760787331772007-10-26T03:07:00.000+09:002007-10-26T03:10:28.100+09:00Firefox カスタマイズ3種(自分用) with Add-ons 職場では基本 IE6 なのですが,やはり Firefox ブラウザを使いたいと思いまして,勝手に入れてます.<br />インストールするのは不味いので <a href="http://portableapps.com/apps/internet/firefox_portable" title="">FirefoxPortable</a> の方をフォルダに解凍してこっそりと.<br />しかし,Firefox では会社のネットワークが繋がらないらしい.<br /> User Agent Switcher を使って偽造しても駄目でした. どんなフィルタかけてるのよ.<br /><br /> 仕方ないので,IE Tab を入れて,気分だけでも Firefox. IE 表示するフィルタには"http://*","https://*"を追加. タブブラウジングになるだけでもありがたい.<br /><br /> しかしながら,デフォルトでの設定でいろいろ使い辛いところがあったので,設定変更してみました.<br />その備忘録としてここに書きます. 酷く限定的な情報ということは重々承知しています.<br /><br /><h4>Firefox search-bar 検索時にタブで開くカスタマイズ</h4><br /><strong>※注意 For Fx 2.0.*</strong><br /><ol><li>Address-bar に"about:config"<Enter>と入力.<br /></li><li>browser.search.openintab の項目を探す.<br /></li><li>default で値が false になっていると思うので,ダブルクリックして true へ変更.<br /></li><li>おわり</li></ol><br /><h4>IE Tab をカスタマイズ</h4><br />IE Tab アドオンにおいて,リンクスポットを『新しいウィンドウで開く』としたとき,タブをバックグラウンドで開くようにカスタマイズ.<br /><ol><li>Address-bar に"about:config"<Enter>と入力.<br /></li><li>ietab.focustab の項目を探す.<br /></li><li>default で値が true になっていると思うので,ダブルクリックして false へ変更.<br /></li><li>おわり</li></ol><br /><br /><h4>ナビゲーションツールバーをスマートに</h4><br />ディスプレイは17型でそれ程小さい訳ではないのですけど,ツールバーが丈取りすぎで圧迫感があるので下記のスタイルを適用させてボタン周りを省スペース化.<br /><pre><code>/* ナビバーをスマートにする */<br />toolbox toolbar#nav-bar {<br />}<br />toolbox toolbar .toolbarbutton-1,<br />toolbox toolbar .toolbarbutton-menubutton-button,<br />toolbox toolbar .toolbarbutton-menubutton-dropmarker {<br /> padding: 0 1px !important;<br />}<br /></code></pre>以上をユーザスタイルシート <code><span style="text-decoration:underline;color:green;">Firefox's Application Data Folder</span>/profile/chrome/<span style="color:orange;">userChrome.css</span></code> へ追記する.<br /><br />これと併せて,<a href="http://redone-on.blogspot.com/2006/06/firefox-extension-css-cbmt-custombmt.html" title="レッド ■ ワン: red-one/on.BlogSpot.com: [Firefox / Extension / css / cbmt]_ customBMT 0.1">ブックマークツールバーのラベルも消して</a>更にスマートに.<br /><br />スタイル変更前 ※ スクリーンショットは後日挿入します.<br />スタイル変更後 ※ スクリーンショットは後日挿入します.<br /><br />■ about:config で設定書き換えってのは今まで余りやってこなかったのですが,改めて試してみると通常の設定画面ではできない設定も簡単にできるので便利だな~と関心してしまいました.<br /> 変数名(?)でも十分意味は理解できるしね.<br />■ 検索バーで検索したあと(Enterキーを押したあと)に,バーの中を空にする(キーワードを消す)方法を知っているヒトいませんか?<br /> いつまでも検索ワードが残っているのは格好悪い.<br /><br />参照リンク - Firefox Add-on 関係<br /><ul><li>User Agent Switcher : <ul><li><a href="http://chrispederick.com/work/user-agent-switcher/">User Agent Switcher</a><br /></li><li><a href="https://addons.mozilla.org/ja/firefox/addon/59">User Agent Switcher :: Firefox Add-ons</a></li></ul><br /></li><li>IE Tab : <ul><li><a href="https://addons.mozilla.org/ja/firefox/addon/1419">IE Tab :: Firefox Add-ons</a></li></ul><br /></li></ul>Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com9