我怎樣才能知道哪些JavaScript的腳本中添加特定的類來我的源代碼

比方說，我的HTML源代碼如下所示：我怎樣才能知道哪些JavaScript的腳本中添加特定的類來我的源代碼

<div id="whatever">...</div>

但我的Chrome檢查它顯示我像：

<div id="whatever" class="random-class">...</div>

我可以認爲.random-class是由JavaScript腳本添加的，但是網站上有幾十個這樣的腳本。是否有任何「標準」方式，例如使用Chrome或FireBug檢查器來確定哪個腳本將此類添加到我的元素中？

來源

2015-06-19 alberto56

你是在大規模地做這個還是僅僅爲了一個或兩個元素和類？ – MiiinimalLogic

在您的編輯器中，找到「查找文件」選項並在查找框中鍵入「random-class」 - 如果它位於父文件夾內的任何文件中，結果應該出現。 – SidOfc

[jQuery - 火災事件如果CSS類改變]的可能重複（http://stackoverflow.com/questions/1950038/jquery-fire-event-if-css-class-changed） –

在Chrome中使用webkit檢查器時，可以使用Ctrl-Shift-F並搜索「隨機類」。它會給你所有的比賽，由文件區分。

您可以逐個查看結果，找出原因，甚至放置斷點。如果這太痛苦，您可以嘗試查找className += "random-class"或jQuery addClass("random-class")等。

如果您在縮小的代碼中查看結果，chrome允許您對結果進行優化，然後您可以重新搜索。因此，如果您有一行縮小的文件，並且有一行function x() { document.body.className += "random-class"; };x();document.body.className += "random-class";，則該匹配將顯示1行。然後美化代碼並重新搜索。現在結果將顯示在2個不同的行中。

來源

2015-06-19 14:59:21 EricG

如果你要瀏覽器路由，像FireBug這樣的瀏覽器擴展會告訴你附加在元素上的事件，比如'change（）'等等。但是，請注意一些嵌入式腳本不會顯示在這裏。我假設這些都是外部腳本。

您也可以使用SpryMedia的Visual Event。但是，如果您需要爲一個大型網站執行此操作，這是一項沉重的責任。它也包含在瀏覽器擴展中。

來源

2015-06-19 15:01:35 MiiinimalLogic

我怎樣才能知道哪些JavaScript的腳本中添加特定的類來我的源代碼

回答

相關問題