2012-06-21 59 views
1

當我點擊我應用程序中的一個按鈕時,會執行一系列Javascript代碼,在這種特殊情況下,我單擊「取消」按鈕關閉當前打開的模式窗口。這close按鈕看起來像這樣的HTML:用戶事件的Javascript斷點

<a class="cancel close">Cancel</a> 

我需要的是一個方法來跟蹤什麼是「觸發」通過點擊在Javascript這<a>元件的作用,而不必考慮.js文件的引用這個DOM元素(事件綁定到<a>元素)。

有沒有在用戶生成事件後在Javascript中創建某種斷點的方法,但我不知道Javascript代碼在哪裏?爲了實際找到代碼的位置。

我使用Google Chrome/Developer Tools來調試Javascript。

回答

3

打開顯影劑控制檯;切換到腳本選項卡;點擊左側邊界(在行號上)設置斷點。腳本的執行將在斷點處暫停,您可以檢查調用堆棧,局部變量等等。

或者,您可以在觸發事件之前單擊「暫停」,一旦腳本即將執行,腳本執行將暫停(如設置全局斷點)並顯示代碼。然後,您可以繼續,跳過,進入或退出當前函數/表達式。

你可以在Firebug和Safari,Chrome,Opera和IE中的內置控制檯上做到這一點。

編輯:我要補充的是,暫停按鈕是那麼有用,如果你有JavaScript驅動的動畫,AJAX輪詢,或者其他代碼被調用的間隔,因爲暫停鍵停止任何腳本執行,直到你點擊恢復。因此,當動畫的更新函數被調用時,它會暫停,可能在你有機會觸發你感興趣的代碼之前。

但是,在大多數(如果不是全部的話)開發人員控制檯中,還有「中斷異常」和「中斷未捕獲的異常」選項。像暫停按鈕一樣,它就像有一個全局斷點,除非它在出現問題時纔會停止。因此,如果您試圖查找的代碼導致錯誤或拋出異常,則可以設置調試器在發生時暫停腳本。