14

私はいくつかの CSS ファイルを書いていますが、間違いを犯すと、Chrome は失敗した部分を黙って無視し、残りをレンダリングするように見えます。

何が問題なのか分からないので、デバッグが面倒です。

では、エラーを見つける時間を減らし、エラーを修正する時間を増やすために、Chrome に「大きな赤い文字で叫ぶ」ようにする方法はありますか?

4

2 に答える 2

6

CSS はスクリプト言語ではないため、「デバッグ」することはできませんが、Chrome DevTools Elements パネルを使用して要素を調べ、右側に Styles ペインを表示できます。これにより、スタイルがオーバーライドまたは無視されている (ライン スロー) に関する洞察が得られます。Styles ペインは、検査中のドキュメントを LiveEdit できるため、問題を解決するのにも役立ちます。スタイルがオーバーライドされている場合は、計算済みスタイル ペインを表示して、ドキュメントのスタイル設定に実際に使用されている CSS を確認できます。

Chrome DevTools ウィンドウを表示するには、Chrome ブラウザー タブでCtrl+ Shift+を押します。I( Command+ Opt+ IMac の場合)

詳細については、https: //developer.chrome.com/devtools/index をご覧ください。

于 2012-06-17T04:45:33.900 に答える
3

CSS はスクリプト言語ではないため、適切にデバッグすることはできません。とにかく、どこがうまくいかないかを知っていれば、手動で調整することができます。

さらに、ここに w3c バリデータがあります: http://jigsaw.w3.org/css-validator/フィードバックが得られるかもしれません

于 2012-06-16T16:44:20.790 に答える