Webkit Javascript 控制台 - 如何使用它？

Question

我正在做一個項目，里面有很多 js 等。 我沒有寫它我是“接管它”。

某處有一段 Javascript 正在向 ID 為“footer”的元素添加top: -50px邊距。

當我查看頁面源代碼（通過開發人員工具）時，我可以右鍵單擊一個元素並“中斷屬性修改”。

有沒有辦法監視這個元素來檢測哪個js文件中的哪一行js正在應用這個樣式？

Answer 1

只需右鍵單擊該元素並選擇“中斷屬性修改”，然后當它更改時，腳本將中斷並顯示它中斷的行。 向您展示改變它的 JS 在哪里。

關於如何使用控制台有一些很好的資源

文檔 -

code.google.com/chrome/devtools/docs

視頻 -

code.google.com/chrome/devtools/docs/videos.html