Firefox の Firebug や Chrome のデベロッパーツールの Network の結果を HAR にエクスポートしたり PDF に印刷する方法
Firefox の Firebug や Chrome のデベロッパーツールの Network をご存知ですか。以下の画像のように Web ページの表示の際に読み込まれる画像やサイズ、読み込むまでの時間などを表示してくれます。 この結果実は HAR ファイルというのにエクスポートすることができるようです。そして HAR ファイルは HAR ビューワなどで見ることができるようです。この記事ではその辺についてまとめていきます。 Network の結果をエクスポートする Chrome でエクスポートする方法 Network の結果のところで右クリックをするとメニューが出てきます。その中の Save Entry as HAR をクリックすると HAR ファイルに結果をエクスポートすることができます。 Firefox でエクスポートする方法 Firefox の場合は、拡張の NetExport という
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
Delicious in Google Chrome
I really liked Google Chrome. It is fast and has a clean interface. One thing that was preventing me from switching to it is the lack of support for Delicious, where I keep my Web tags. While we wait for extension support, there is a way to achieve good enough integration that makes Delicious usable from Chrome. Tagging pages To be able to tag pages on Delicious from Chrome we can use a bookmarkle
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
作業効率が10倍アップする Chrome Developer Tools の使い方
