Chrome デベロッパーツール Networkパネルの使い方 | Web Tips
公開日：2014年6月22日 最終更新日：2014年7月13日 Chrome デベロッパーツールのNetworkパネルでは、Webページでロードされるリソースに関するデータを収集することができます。リソースサイズ、ローディング時間、HTTPヘッダーなどを確認することができ、パフォーマンス改善に役立てることができます。 Networkパネルでは具体的に以下のことが可能です。 各リソースがリクエストされてから受信完了するまでの時間確認 リクエストヘッダー/レスポンスヘッダーの確認 送信されたクッキーの確認 記録したデータのHARフォーマットでの保存 【コンテンツ】 Networkパネル外観 データの記録 データ項目の追加・ソート・フィルター Timeline ビュー データのコピーと保存 詳細データの確認 【記事執筆時の環境】 Windows 7 Professional 32bit SP1
Chrome デベロッパーツール Workspaces機能の設定 | Web Tips
公開日：2014年6月21日 Chrome デベロッパーツールにはWorkspacesという、ローカルファイルを直接編集したり保存することができる機能があります。デベロッパーツールを外部エディタとして使い、変更内容がページのリロードなしに即座にブラウザの表示に反映されます。 【記事執筆時の環境】 Windows 7 Professional 32bit SP1 Google Chrome 35 Workspaces機能を使うには、以下の２つの設定が必要です。 (1)Workspaceフォルダの追加 ローカルフォルダをデベロッパーツールでアクセスするために、Workspaceフォルダとして追加します。 (2)ネットワークリソースへのマッピング Workspaceフォルダ内にあるファイルを、ネットワークリソースとしてマッピングします。 Workspaceフォルダの追加 Sourcesタブをクリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
