[問題] 如何追蹤 JavaScript event

看板Ajax作者 (多想兩分鐘 = =")時間15年前 (2010/02/16 22:53), 編輯推噓4(409)
留言13則, 6人參與, 最新討論串1/3 (看更多)
如果有段 html長這樣: <input type=button onclick='doSomething(this)'> 那麼可以用搜尋文字 "doSomething"的方式找到: function doSomething(){ // doSomething } 之類的函數宣告。 可是通常會把 script拉出來另外存在 js檔, 為了維護方便,可能會以功能切了很多個 js檔, 雖然可以搜尋含有特定文字的檔案…但感覺不是很聰明的做法。 有什麼工具可以很快的找到在哪個 js檔裡指定了 event要做什麼事? 比如說, 在 http://jquery.com/ 輸入:「上上下下左右左右BA」,會導到另一個網頁 有什麼辦法可以快速找到執行了哪段 script? 如果是用搜尋文字的方式, 我可能會找 document, body, keydown, keyup, keypress.... 可是網站回傳的 script檔已經很明確的告訴瀏覽器該做什麼事… 應該有更好的搜尋辦法.... 囧a -- 好像…用 firebug把每行都設中斷點應該有用?但這也很麻煩XD -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.194.46.184

02/17 00:21, , 1F
那你可以開始考慮用 GWT 了 [無誤但是被拖走 XD]
02/17 00:21, 1F

02/17 00:43, , 2F
如果那麼簡單的話那複製別人的程式會變得容易很多
02/17 00:43, 2F

02/17 01:52, , 3F
在Firebug裡先按一下暫停再去觸發你那個event呢?
02/17 01:52, 3F

02/17 13:45, , 4F
我有想過這個問題 , 印象中當時的結論是除非是browser等級的
02/17 13:45, 4F

02/17 13:45, , 5F
CLIENT (兜個webbrowser,在每個function加註logger )
02/17 13:45, 5F

02/17 13:46, , 6F
或者是web browser的plug-in , 不然不太有機會達成..
02/17 13:46, 6F

02/17 13:47, , 7F
實作面上有提供這種功能的目前是還沒看到過(汗)
02/17 13:47, 7F

02/17 13:48, , 8F
這個如果能做出來的話 , 應該是一大利多...
02/17 13:48, 8F

02/17 13:48, , 9F
實務上最大的困擾應該是在函式重複定義的狀況下常會追錯
02/17 13:48, 9F

02/17 18:18, , 10F
就算解決了事件,function之間交叉參照也令人很頭痛
02/17 18:18, 10F

02/19 13:52, , 11F
php include一堆 要追也很難追
02/19 13:52, 11F

02/19 19:35, , 12F
這個問題應該原意沒有要討論到server side的...
02/19 19:35, 12F

02/20 21:37, , 13F
用chrome debugger
02/20 21:37, 13F
文章代碼(AID): #1BUh67EC (Ajax)
文章代碼(AID): #1BUh67EC (Ajax)