網(wǎng)頁開發(fā)者工具怎么用 谷歌開發(fā)者工具source里寫代碼怎么設(shè)置自動(dòng)補(bǔ)全?
谷歌開發(fā)者工具source里寫代碼怎么設(shè)置自動(dòng)補(bǔ)全?在“源”面板中,甚至可以直接修改JS。主要用于設(shè)置斷點(diǎn)進(jìn)行單步調(diào)試CTR shift I或F12打開開發(fā)者工具;打開源面板直接為一行JS代碼設(shè)置斷點(diǎn)
谷歌開發(fā)者工具source里寫代碼怎么設(shè)置自動(dòng)補(bǔ)全?
在“源”面板中,甚至可以直接修改JS。主要用于設(shè)置斷點(diǎn)進(jìn)行單步調(diào)試
CTR shift I或F12打開開發(fā)者工具;
打開源面板直接為一行JS代碼設(shè)置斷點(diǎn)。
刷新頁面后,程序?qū)⒃谠O(shè)置斷點(diǎn)的行上停止。
然后我們可以在斷點(diǎn)行之后添加我們自己的調(diào)試代碼,例如:
按快捷鍵Ctrl S save,發(fā)現(xiàn)面板變紅,表示保存生效:
此時(shí),使用快捷鍵F10,您終于可以看到新添加的調(diào)試代碼的效果了:
因?yàn)閱尾秸{(diào)試只能往下走,不能往回走,如果要重新測(cè)試,需要刷新頁面,但是刷新頁面會(huì)導(dǎo)致剛剛保存的調(diào)試代碼消失,恢復(fù)到代碼的在線版本