file URIスキームからの読み込みを許可する。Ajaxでローカルファイル(file:// path )を読み込めるようになる。
DNS | chrome://net-internals/#dns |
Sockets | chrome://net-internals/#sockets |
Chromeのデベロッパーツールを開くには、メニューから[その他のツール] - [デベロッパー ツール]をクリックする。
Chromeのデベロッパーツールは次の情報を表示することができる。
パネル | 説明 |
---|---|
Console | JavaScript コンソール |
Elements | ウェブページの要素を検証できる。 |
Network | ウェブページでロードされるリソースを検証できる。 |
Sources | ウェブページで使用しているCSSやJavaScriptを編集して、表示に反映させることができる。 |
Resources | ウェブページを構成するリソース(Cookie、ローカルストレージ、セッションストレージ)を確認できる。 |
Audits | ウェブページの診断を行える。 |
Console | ウェブページのHTMLやJavaScriptのエラーが表示される。 |
コンソール・パネルには JavaScript のエラー、ログ及びスタックトレースが出力される。
HTTP Request Header、FormのPostデータ、HTTP Response Headerを見ることができる。
Sourcesパネルでは、Webページで使用しているJavaScrptやCSSを編集して、表示に反映させることができる。
ソースビュー上で右クリックすると、右クリックメニューが表示される。右クリックメニューの項目を次に示す。
項目 | 説明 |
---|---|
Save | JavaScriptやCSSの変更を表示に反映させる。ただし、ページをリロードすると、変更した内容は破棄される。 |
Save as | 変更した内容をローカルのファイルに保存する。 |
ブレークポイントを設定するには、JavaScriptソースの任意の行番号を右クリックし、コンテキストメニューの「Add breakpoint」をクリックする。
ブレークポイントから実行を再開するには、「Resume script execution」のアイコンをクリックする。
ChromeデベロッパーツールのResourcesパネルは、次のリソースを確認できる。
Resource | Description |
---|---|
Local Storage | ローカルストレージ |
Session Storage | セッションストレージ |