微信小程序> 如何使用浏览器调试js程序?-浏览器jsxu

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

浏览量:1540 时间: 来源:xuxiaoqiang584
如何使用浏览器调试js程序

chrome的开发者模式可以非常方便快速的调试js代码。

工具/原料

1.chrome浏览器一个测试的html文件,里面包含了测试的js函数


方法/步骤

2.第一步,在chrome浏览器打开html文件,用F12快捷键打开chrome开发者工具模式。

3.第二步,选择Sources的选项卡,点击左侧Page下的运行的本地html文件。

4.第三步,添加断点,需要在哪一行添加调试断点直接点击对应的行号就可以了。

5.第四步,刷新页面进入断点,介绍了常用的几个按钮,如图标注的1、2、3:1.跳转到下一个断点2.逐行执行3.跳过所有断点

6.第五步,鼠标移动到变量上的时候能看到具体的执行结果,方便debug js程序了。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎