2012-06-16 13 views
8

私はいくつかのCSSファイルを書いていますが、間違いを犯すと、Chromeはちょうどと表示されます。は、ねじれた部分を無視して残りをレンダリングします。Google ChromeでのCSSのデバッグ

これは、何がうまくいかないのか分からないので、デバッグが面倒です。

これで、「大きな赤い文字で私を悲鳴を上げる」ようにChromeを取得する方法があるので、エラーを見つけるのにかかる時間を減らし、修正する時間を増やすことができます。

+1

あなたはCSSを要素に適用され、/無視CSSルール却下見にクロームの要素インスペクタを使用することができます。要素インスペクタを開くには、f12またはctrl + shift + jを使用します。 – sg3s

答えて

1

CSSはスクリプト言語ではないため、正しくデバッグすることはできません。とにかくどこが間違っているのか分かっているなら、手で調整することができます。 http://jigsaw.w3.org/css-validator/それはスクリプト言語ではありませんので、あなたがいない「デバッグ」CSS、あなたはクロームデベロッパーツールの要素パネルを利用することができますが、あなたにいくつかのフィードバック

+0

ローカルでアプリを開発する場合、どうすればそれを使用できますか?たとえば、Visual Studio 2013を使用していて、F5キーを押してアプリケーションを実行しています。 – VivekDev

-3

CSSはマークアップ言語のスクリプトではありませんので、ランタイムを定義することはできません。なぜCSSを検証しないのですか?

+2

cssはマークアップではありません –

5

を与える可能性があります

AditionallyあなたはここにW3Cのバリデータを持っています要素&を調べるには、右側のスタイルペインを表示します。これは、スタイルがオーバーライドされたり無視されたりすることについての洞察を与えるでしょう。スタイルペインは、検査対象のドキュメントをLiveEditする機能もあり、問題を解決するのに役立ちます。スタイルがオーバーライドされている場合は、[計算されたスタイル]ペインを表示して実際に文書のスタイルを設定するために使用されているCSSを表示できます。クロームデベロッパーツールのウィンドウを開き

は、私は、ChromeブラウザのタブではCtrl +Shiftキー + を打ちます。 (Mac用コマンド + オプト + I)詳細をご覧ください

https://developer.chrome.com/devtools/index

関連する問題