Google Chrome中是否有CSS調試器？

Question

我的網站上的CSS更新適用於除谷歌瀏覽器以外的所有其他瀏覽器。

在Google Chrome或我可以添加的擴展中是否有CSS調試器？

我從bootstrap中使用了一些樣式。

這裏是我使用的引導：

<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，因爲它不是一種腳本語言，您可以利用Chrome的DevTools元素面板檢查元素&圖右側的樣式窗格。這會讓您瞭解被覆蓋或忽略的樣式（線條拋出）。 「樣式」窗格也很有用，因爲它可以對正在檢查的文檔進行LiveEdit編輯，這可以幫助您解決問題。如果樣式被覆蓋，則可以查看「計算樣式」窗格以查看實際用於樣式化文檔的CSS。

欲瞭解更多信息請訪問https://developer.chrome.com/devtools/index