HTML的哪個部分附帶什么腳本？

Question

有沒有辦法找出HTML的某些元素正在使用什么腳本。

例如，如果我想找出創建下拉菜單的腳本，我知道如何查找菜單的HTML和CSS，而不是JavaScript（或使用的腳本）。

我正在使用Web Developer chrome擴展程序來獲取我感興趣的頁面的JavaScript，但是這些都是龐大的文檔，我如何知道哪些函數/變量/等鏈接到HTML的哪一部分？

Answer 1

Chrome的開發工具可能會為您提供幫助。您可以右鍵單擊該元素，然后選擇“檢查元素”選項。 然后，右鍵單擊DOM檢查器中的HTML節點，然后選擇“中斷...”選項，然后選擇（例如）“子樹修改”和“屬性修改”。

然后，如果您對下拉菜單感興趣，Chrome就會停止執行javascript。 然后，您將能夠探索所使用的javascript。

當然，如果將JavaScript縮小，這將無濟於事。