手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用浏览器调试js程序

时间:2024-12-25 09:17:24

1、打开要调试的网页,按F12,调出浏览器的开发者工具。

如何使用浏览器调试js程序

2、在开发者工具中,点击“调试器”,在左侧“来源”菜单中找到要调试的js文件,或者包含门钙蹲茌js代码的网页文件,点击该文件,右侧窗口查看程序代码,在需要调试的代码的序号处单击添加断点。

如何使用浏览器调试js程序

3、按F5刷新当前页面,患束锍瓜开发者工具中,程序会在设置断点的位置暂停,此时可使用右侧的调试按钮进行跨越、步进、步出等调试。

如何使用浏览器调试js程序

4、如果要查看js程序中的变量,则选中该变量,右击,选择“添加监视表达式”,在开发者工具右侧可以查看该变量的实时数据。

如何使用浏览器调试js程序
如何使用浏览器调试js程序
© 手抄报圈