IE9中的F12開發人員工具未加載動態內容的樣式選項卡信息

我正在處理IE 7和8 HTML/CSS修補程序，但是當我使用開發人員工具並嘗試查看動態加載的HTML時，您首先無法選擇新添加的元素，但後來我讀到應該點擊工具欄中的刷新。但是，當您檢查任何元素時，樣式選項卡中的樣式信息無法正確顯示。IE9中的F12開發人員工具未加載動態內容的樣式選項卡信息

它所展現的是類似如下：繼承 - 繼承HTML - 身體 inerhited - 格 inerhited - 格 inerhited - 格

不能展開這些看到的實際屬性和值就像使用未動態加載的元素一樣。

是否有解決方法？

問候，雅克

2012-10-02 Jacques

我剛剛遇到這個問題我自己。

我使用擴展版本Head.js加載樣式錶鏈接以及腳本文件。我現在有一個特定的IE8樣式錯誤，我需要調查，但動態添加的樣式不會顯示在開發人員工具中。

要調試它，我想我將不得不臨時添加CSS文件靜態。 Chrome和Firefox開發工具可以處理這種動態樣式。這很好，如果我有泛型樣式問題，但是當它是IE特定的，我必須跳過一些籃球。

我想不出一個「解決方案」。不幸的是，我們受到IE開發工具的擺佈。也許IE 10開發工具更好，但我現在在Windows 7上。

2012-10-11 11:27:57

希望我們找到一些東西來解決這個問題，因爲它使我們的工作非常困難。 – Jacques

你試過螢火蟲精簡版嗎？查看我的答案瞭解更多詳情。 – MikeD

你試過FireBug lite嗎？這是一個完全使用JavaScript編寫的FireBug版本，它允許您使用大多數通常的螢火蟲功能，但在IE中。它適用於IE 6及更高版本。

我以前在iPad上調試時使用過它，在iOS 6之前，沒有辦法檢查HTML。它在IE上同樣適用。

你可以閱讀更多關於它在這裏：http://getfirebug.com/firebuglite

2012-10-15 14:57:15 MikeD

有。

這是一個骯髒的解決方法，但應該允許您檢查可能已動態添加到dom的元素。

見下圖：

Select element and edit buttons

如果不能選擇一個元素（箭頭按鈕），單擊編輯按鈕（用鉛筆），你會進入編輯模式。再次點擊編輯退出編輯模式，現在可以選擇元素。

「編輯模式」

有時進入和退出編輯模式可能會留下有副作用，但這種技術在大多數情況下工作。

2014-01-21 10:32:05

確認：有問題的缺點仍然存在於IE10中。 @Phil的解決方案在那裏有幫助。 – bonflash

回答