Skip to main content
Participant
July 16, 2020
Question

chromeの検証について

  • July 16, 2020
  • 1 reply
  • 154 views

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

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

    This topic has been closed for replies.

    1 reply

    Inspiring
    July 17, 2020

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

     

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

     

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

     

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