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

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

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

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

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

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

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

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

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

如何使用浏览器调试js程序
如何使用浏览器调试js程序
  • Ubuntu系统如何切换用户
  • VScode中怎么设置新工作区中面板默认位置
  • 怎样在VScode中开启自动换行
  • linux返回上一级目录的命令
  • 怎么停止IIS的默认网站?
  • 热门搜索
    清明节手抄报内容简短 关于健康的手抄报 创建文明校园手抄报 热爱祖国手抄报 心理健康手抄报图片 文明交通手抄报 科技手抄报内容资料 自我介绍手抄报 新年的手抄报 防溺水手抄报图片