浏览器调试方法

2025-04-26 05:23:57

1、在HBuilder上配置运行浏览器为Google

浏览器调试方法

2、运行页面

浏览器调试方法

3、按F12进入调试页面

浏览器调试方法

4、查看控制台Console

浏览器调试方法

5、注意控制台的报错

浏览器调试方法

6、点击报错的行号,快速跳转到出错页面

浏览器调试方法

7、查看错误,如果能当即处理的,即可返回代码处理,如果还不可以判断的则可以打断点调试

浏览器调试方法

8、补充一下断点调试的方法,在前面的的行号上单击,即可添加断点

浏览器调试方法

9、刷新页面,或者右键重新加载即可重新运行页面,页面会运行到断点所在位置停下,按F11一步一步运行代码,很容易就可以判断出代码的错误,F10也可以用,运行过当前的步骤。

浏览器调试方法

10、右侧,是对象和属性,调试的时候可以配合的看

浏览器调试方法

11、最后的扩展,有些时候我们要查看html或者css克一快速的使用调试页面的小箭头来操作选中要查看的元素

浏览器调试方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢