2009-07-17 114 views
13

除Firebug Lite之外是否還有其他一些工具可以幫助您進入Internet Explorer的錯誤思維並準確瞭解它在哪裏以及爲什麼會嚴重地破壞我的CSS?在Internet Explorer中調試CSS的工具

Firebug Lite當然是一個有用的工具,但它似乎缺少關鍵特性(出現在'完整'Firebug插件中),它允許您查看哪些聲明的哪些部分被忽略而支持其他聲明。

例如,使用Firefox和Firebug,我可以看到.foo {color: red}稍後在樣式表中被.bar {color: blue}覆蓋。

但是,Firebug lite只能顯示最終的計算樣式 - 我無法判斷哪些聲明被忽略,哪些聲明被覆蓋,根本不支持,哪些聲明只是普通的錯誤。

有沒有其他工具可能對您有所幫助?

回答

20

我使用的是IE8 Developer Tools(包括開箱即用),它可以顯示樣式跟蹤。

IE7也有微軟提供的名爲IE Dev Toolbar的附加程序。雖然沒有廣泛使用。

您使用的是什麼版本的IE?

+0

IE工具欄的開發是IE7一個好主意。它遠不如Firebug強大,但你可以使用你所能得到的。 – Jeff 2009-07-17 20:07:46

6

是的。在IE8中打F12。在以前的版本中,安裝this

3

IE8附帶的開發工具工作得很好。

0

另外一個是Debug Bar。適用於IE 7或8;並且與Firebug相似

3

我發現jQuery有助於弄清楚「引擎蓋下」發生了什麼事情。例如,最近我遇到了一種情況,那就是我無法相信IE 8附帶的開發工具(順便說一句,我在IE 7中運行,標準沒有怪癖,兼容模式。樣式表沒有被顯示爲計算結果,除了我遇到的其他IE-strangess之外,所以我只是在頁面上拋出了一些javascript,包括jQuery,這將允許我鍵入一些代碼並且不依賴於IE開發者工具,螢火蟲或Web檢查在Safari您可以評估類似的語句:

$('body').css('background-image'); 

可能返回:

'/images/default_background.png' 

或其他。

YMMV,但它是值得的時間來嘗試它。