Devtools審計顯示不需要/注入的CSS規則

因此，在試圖調試Chrome devtools中網頁的性能時，我發現我的頁面有冗長的css規則，我沒有放在那裏。當我查看源代碼時，我無法看到規則。但是chrome告訴我規則正在執行中。該規則也明顯惡意，Devtools審計顯示不需要/注入的CSS規則

之類的東西.yahoo主辦，以[^的onclick =「window.open（'HTTP：//

我的問題是如何找出是什麼，我假設，注入到這一點我的DOM？我看不到任何東西，當我查看源代碼。

我茫然也有點爲如何進行。

感謝您的幫助。

來源

2013-05-29 Sumit

您可以在完全不同的計算機上重現問題嗎？至少與另一個瀏覽器：Firefox，沒有JS？似乎你有一個惡意軟件或工具欄，你不打算安裝...編輯：它發生與其他網站的頁面？你是否在使用帶插件/擴展的CMS來通過混淆JS添加這些內容？ – FelipeAls

我可以重現IE瀏覽器的慢，但我不知道任何工具，讓我配置文件看到CSS（我不能看到在鉻鉻的CSS）。我也可以在另一臺電腦上覆制。我不使用CMS，它是一個struts2應用程序。 – Sumit

在Chrome：Inspect元素中，然後使用元素和資源標籤可以看到加載的CSS或CSS文件。 IE開發工具欄是舊IE的插件;只需按F12與IE9或安裝Firebug燈。沒有CMS，所以它不是一個WordPress插件/主題不明確來源加載混淆JS，好。你用CCleaner這樣的工具清理你的電腦嗎（關於5年前我一直堅持的主題^^，現在可能有更好的工具）？如果不是從GG下載的，也許你安裝了一個工具欄，而不用瞭解Flash，Java等或Chrome。主要的DL網站安裝他們自己的更新的東西和巴姆！... :( – FelipeAls

這些，最有可能的是通過類似於AdB1的延伸注射ock，它注入了一個沒有textContent的內聯樣式表（它在DevTools中被渲染爲<style></style>），而是通過CSSOM API動態添加所需的規則。

爲避免在審計結果中看到這些規則，請禁用AdBlock或類似的擴展，重新加載頁面，然後再次運行審計。

來源

2013-05-30 05:52:40

你是對的，我一直在看這太久了。 – Sumit

Devtools審計顯示不需要/注入的CSS規則

回答

相關問題