Yahoo!製、Webサイト高速化の改善点を調べ上げるFirefox拡張機能「YSlow」：CodeZine
米Yahoo!は24日、Webサイトを表示する際のチューニングポイントを調べるFirefox拡張機能「YSlow」をリリースした。Yahoo! Developer Networkより無償でダウンロードすることができる。なお、あらかじめFirebugをインストールしておく必要がある。 インストールするとFirebugに「YSlow」のタブが作成されるので、オプションの「Autorun」にチェックを入れておく。この状態でWebサイトにアクセスすると、自動的に解析が行われ、チューニングポイントが表示されるようになる。 各項目はプルダウンとなっており、より詳細なステータスを知ることができる。また、各項目をクリックすることで、チューニングポイントの解説ページ（英語）に遷移するようになっている。 その他、「Stats」「Components」「Tools」といったタブも用意されている。 参考サイト
Firebugのコマンドラインが見難いのでフォントを変えてみた - cloned.log
コンソールの文字サイズは変更できるみたいだけれど、コマンドラインの設定項目が見当たらなかったので、userChromeで変更してみた。 やり方は、 C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\[プロファイル名]\chrome\userChrome.cssに以下を追記した。 textbox#fbLargeCommandLine { font-size: 10pt !important; font-family: Consolas !important; color: #E6E6E6 !important; background-color: #000 !important; } フォントを変えたついでに、自分のPuTTYと同じような見栄えになるように調整。
Firebug で XPath を簡単に試す方法 - IT戦記
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード（要素とか null, // 名前空間の解決方法（適当にやるときは null 6, // 取得する形式の指定（適当にやるときは 6 null // 結果を再利用するかどうか（適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、６、ヌル。 覚えましたか？ でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません＞＜ 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
FireBugで使える役立つ関数テクニック色々:phpspot開発日誌
Seifi.org Blog Archive FireBug Tips and Tricks There is so much power packed into this little FireFox plug-in. FireBugで使える役立つ関数テクニック色々。 FireBugをインストールしていても、多くの機能を使っていない方が多いのではないでしょうか？ 次のような、便利な関数がFireBugには用意されています。 console.log 関数の sprintf 風使い方(次のように、sprintf 風に使えます) var x = "fubar"; var y = 543; console.log("value of x is %s and value of y is %d", x, y); console.info 関数 で情報アイコン付きでメッセージ表示 console.in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
FireBugのバグ - moriyoshiの日記
Seifi.org » Blog Archive » FireBug Tips and Tricks
