Google ChromeにCSSデバッガがありますか？

Question

ウェブサイトのCSSアップデートは、Google Chrome以外の他のすべてのブラウザで動作しています。

Google ChromeにはCSSデバッガがありますか、それとも拡張機能を追加できますか？

私はブートストラップからスタイリングを使用しています。ここで

は、私が使用していますブートストラップです：

<link rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Answer 1

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

詳細については、https://developer.chrome.com/devtools/index