2017-08-16 183 views
-1

我正在幫忙做一些CSS工作,看起來有些CSS已經被一些開發者內聯添加了。我們不想要任何內聯CSS,所以我想知道是否有方法檢測<body>中是否有使用JavaScript的內聯CSS?我如何在HTML body標籤內找到內聯CSS樣式?

如果這是可能的,我的計劃是創建一個Analytics標籤具有內聯樣式記錄頁。

我試圖找到一個答案,但所有我找到了一直爲尋找一個特定的風格或元素風格的答覆,我的問題是,我不知道是什麼風格已經在其使用元素或者(和我們有1000多頁,所以我寧願不通過每個頁面手動去)

回答

0

根據什麼,確切的說,你的意思是在線的一個或兩個:

if (document.querySelector("[style]")) { ... }  // For style attributes 
if (document.querySelector("style")) { ... }  // For style elements 

...會告訴你是否有任何匹配。

不幸的是,他們也將趕上用JavaScript(即使它像jQuery(some_selector).show();)添加樣式。

你需要看一下原始的源代碼,以避免受涼的,這可能是通過寫一個BOT(沒有瀏覽器參與)運行在每一頁上進行類似的測試完成。

+0

感謝@Quentin - 這似乎工作,但不幸的是我們的標籤管理器代碼段包括在風格標籤!將不得不看看我是否可以解決它。當你說機器人,你的意思是像一個蟒蛇刮刀? – Tim

+0

「當你說bot時,你的意思是像蟒蛇刮刀嗎?」 - 編程語言無關緊要。您需要解析HTML而不執行JavaScript並能夠查找所有URL的內容。 – Quentin