javascript調試之DOM斷點調試法使用技巧分享_javascript技巧

在Javascript調試中，我們經常會使用到斷點調試。其實，在DOM結構的調試中，我們也可以使用斷點方法，這就是DOM Breakpoint（DOM斷點）。

具體的使用方法：

1. 在Chrome瀏覽器中，打開開發者工具，先選中一個頁面元素，然后點擊鼠標右鍵，依次點擊菜單中的”Break on …”——勾選“Attributes modifications”。刷新頁面，當該元素的屬性發生變化時，就會暫停腳本的執行，并且定位到改變發生的地方。

2. 在安裝了firebug 的Firefox 瀏覽器中，打開firebug，切換到“HTML”選項卡，選中需要監視的DOM元素，鼠標右鍵，勾選菜單中的“在屬性改變時中斷”。這樣就成功添加了一個HTML 斷點。刷新頁面后，firebug 也會幫助我們定位到更改該元素屬性的代碼。

除了可以監視DOM元素本身的屬性變化，Chrome 和 Firebug 還可以監視其子元素的變化，以及何時元素被刪除。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com