html - オフラインの HTML ファイルに CSS デバッガーを使用できない

Question

私はここでウェブ開発を始めたばかりなので、そのような単純な質問をしていたら許してください。

CSS デバッガーの Chrome 拡張機能を使用すると、Web サイトでは機能しますが、ブラウザーのローカル HTML ファイルでは機能しません。これを機能させる方法について、誰かが理由を説明したり、解決策を提供したりできますか?

Answer 1

どのデバッガを使用していますか? 要素のレイアウトをデバッグしている場合は、Web ページの css に以下の行を追加するだけで、次のようにアウトラインを表示できます。

* {
  outline: 1px solid red;
}

例えば：

* {
  outline: 1px solid red;
}

div {
  width: 100vw;
  height: 100vh;
}

<div></div>