作者grence (多想兩分鐘 = =")
看板Ajax
標題[問題] 如何追踨 JavaScript event
時間Tue Feb 16 22:53:57 2010
如果有段 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
1F：推 PsMonkey:那你可以開始考慮用 GWT 了 [無誤但是被拖走 XD] 02/17 00:21
2F：推 cassatte:如果那麼簡單的話那複製別人的程式會變得容易很多 02/17 00:43
3F：→ Kelunyang:在Firebug裡先按一下暫停再去觸發你那個event呢？ 02/17 01:52
4F：→ TonyQ:我有想過這個問題 , 印象中當時的結論是除非是browser等級的 02/17 13:45
5F：→ TonyQ:CLIENT (兜個webbrowser,在每個function加註logger ) 02/17 13:45
6F：→ TonyQ:或者是web browser的plug-in , 不然不太有機會達成.. 02/17 13:46
7F：→ TonyQ:實作面上有提供這種功能的目前是還沒看到過(汗) 02/17 13:47
8F：→ TonyQ:這個如果能做出來的話 , 應該是一大利多... 02/17 13:48
9F：→ TonyQ:實務上最大的困擾應該是在函式重複定義的狀況下常會追錯 02/17 13:48
10F：推 cassatte:就算解決了事件，function之間交叉參照也令人很頭痛 02/17 18:18
11F：推 tomin:php include一堆 要追也很難追 02/19 13:52
12F：→ TonyQ:這個問題應該原意沒有要討論到server side的... 02/19 19:35
13F：→ Sany:用chrome debugger 02/20 21:37