Google Chrome開發人員工具未顯示檢查過的元素樣式？

我正在使用Google Chrome開發者工具來測試我的網站;Google Chrome開發人員工具未顯示檢查過的元素樣式？

它對某些元素工作正常，但是對於其他元素，它顯示選擇器但顯示爲沒有樣式;該元素具有樣式，並且樣式應用於該元素。但檢查員沒有顯示任何風格。

如果我點擊鏈接到該檢查器的css文件行，我可以看到那裏的樣式。

我看到一個谷歌組主題，表示removing any empty url() declarations修正了這個錯誤。但是我沒有空的url()聲明。

我也發現this bug which is somewhat similar;但不完全一樣。我注意到的一件事是，這個bug提供的用例和我的設置都使用twitter-bootstrap。我正在使用.less版本的bootstrap，其中包括作爲複製粘貼方法的單個css文件引導，所以我的css文件有3740行。這可能是問題的一部分嗎？

元素不深嵌套（body > div#container > inspected element）。
沒有過多的樣式應用於元素（< = 10）。

Click to enlarge Dev Tools Example

來源

2012-07-17 Hailwood

值是否顯示在'計算風格'下？ – 2012-07-17 10:46:05

是的，樣式顯示在'計算樣式' – Hailwood 2012-07-17 10:48:19

也許嘗試通過驗證程序運行您的css文件，看看是否有任何錯誤，可能導致這種情況發生類似於你提到的空的URL讀？ http://jigsaw.w3.org/css-validator/ – 2012-07-17 10:59:17

好了，我還發現this bug aswell它看起來像它有一個更匹配的錯誤。
它指出，當無法識別僞類存在於CSS

這嘰嘰喳喳的自舉確實

DevTools突破！所以如果您使用twitter bootstrap（或嘗試使用特定於供應商的僞類）的任何東西，開發工具看起來就會崩潰。 afaik解決這個問題的唯一方法就是等待這個bug被開發人員解決。

如果有人可以爲此發佈修復，我會接受他們的回答！

來源

2012-07-17 10:59:35 Hailwood

嗨，我是提出你鏈接的第一個bug的人。我很確定它和其他錯誤實際上都描述了相同的底層問題，這是由Chrome在標準bootstrap.css的某些方面窒息引起的。我的bug已被標記爲優先級，包含在里程碑22（當前的開發里程碑）中，因此希望不需要很長時間才能修復。與此同時，可以使用Firefox和Firebug來調試您的CSS。 – 2012-07-24 01:30:20

我剛剛恢復到穩定的頻道，如果您在此解決此問題時可以發表評論，我們將非常感謝。 – Hailwood 2012-07-24 02:53:19

它在今天的開發渠道版本中得到了修復。 – 2012-07-31 00:29:27

Google Chrome開發人員工具未顯示檢查過的元素樣式？

回答

相關問題