chromeの検証について

[Sachiko mori]

CSSファイルを読み込んで適用させたHTMLファイルをchromeでブラウザプレビューした際に、検証機能のSourcesにHTMLファイルが表示されません。

どうすれば表示されますか。

[nmatsuo5]

ブラウザで表示する際に、Dreamweaverの「リアルタイムプレビュー」をご利用ではないかと思うのですが、リアルタイムプレビューはiframeの中に編集しているHTMLコードを差し込んで表示しているようです。Chromeで検証を行ったウィンドウ内のiFrame を展開すれば該当するソースコードが出てくると思います。

検証機能の「Sources」にiframeの内容が表示されないのはChrome側の制限ではないかと想像しますが、Sourcesで確認したい場合は、Dreamweaverからのプレビュー時にブラウザが直接編集中のHTMLを開く形に変更すればよろしいかと思います。
Dreamweaverのプレビュー方法は環境設定で変更可能です。

Dreamweaverの環境設定 > リアルタイムプレビュー > 「静的ブラウザプレビューを既定値に設定」にチェックをつける

ブラウザの開発ツールを使用する際は静的なプレビュー方法、Dreamweaverの編集内容を逐次確認したい場合は「リアルタイムプレビュー」のように使い分けては如何でしょう。