鍍金池/ 問答/HTML/ 如何用chrome控制臺查看動態(tài)創(chuàng)建出來的DOM節(jié)點

如何用chrome控制臺查看動態(tài)創(chuàng)建出來的DOM節(jié)點

用控制臺查看HTML結(jié)構(gòu)時,有些DOM節(jié)點是在頁面上某個元素聚焦了,然后js動態(tài)創(chuàng)建出來的,如果失焦了,這些動態(tài)創(chuàng)建出來的DOM節(jié)點又被移除了。

當(dāng)要用控制臺查看這些動態(tài)創(chuàng)建的節(jié)點的DOM結(jié)構(gòu)時,只要點了控制臺,就會導(dǎo)致頁面上的元素失焦而讓DOM節(jié)點被刪除了,就始終沒法查看這些動態(tài)創(chuàng)建的節(jié)點的結(jié)構(gòu)。有什么辦法可以解決這個問題?

回答
編輯回答
陌南塵

1、你可以在代碼里把失焦點刪除dom的代碼注視掉啊,等你測試查看完了再恢復(fù)代碼。

2、如果你不能修改代碼,可以先打開控制臺,找到刪除dom代碼的地方,在刪除之前加斷點,這樣代碼會在刪除dom之前停住,你可以盡情查看此時的dom解構(gòu)了

2017年7月20日 04:14
編輯回答
伐木累

debugger啊

2017年3月27日 09:58