网页开发者工具怎么用 谷歌开发者工具source里写代码怎么设置自动补全?

谷歌开发者工具source里写代码怎么设置自动补全?在“源”面板中,甚至可以直接修改JS。主要用于设置断点进行单步调试CTR shift I或F12打开开发者工具;打开源面板直接为一行JS代码设置断点

谷歌开发者工具source里写代码怎么设置自动补全?

在“源”面板中,甚至可以直接修改JS。主要用于设置断点进行单步调试

CTR shift I或F12打开开发者工具;

打开源面板直接为一行JS代码设置断点。

刷新页面后,程序将在设置断点的行上停止。

然后我们可以在断点行之后添加我们自己的调试代码,例如:

按快捷键Ctrl S save,发现面板变红,表示保存生效:

此时,使用快捷键F10,您终于可以看到新添加的调试代码的效果了:

因为单步调试只能往下走,不能往回走,如果要重新测试,需要刷新页面,但是刷新页面会导致刚刚保存的调试代码消失,恢复到代码的在线版本