对于html,css,js代码的调试方法

一般来说代码出现错误是非常让人头秃的一件事。那么针对网页的编程我们来说一下怎样去调试我们的代码。
一般来说有3种方法可以供我们去调试我们的代码哦~

  1. 使用调试语句来进行调试
    所谓调试语句就是一些简单的显示语句,比如
alert("------");

可以进行调试找出错误位置,
具体行为就是在大致错误的区域进行添加调试语句,如果语句可以运行并且显示就代表着调试语句之前的代码都没有出错,(反之就是代表着前面的代码中出现错误)在错误代码重复此步骤即可找到错误代码位置了。

2.可以使用浏览器自带的检查工具进行调试
方法是首先在浏览器 中执行代码,如果出现错误,鼠标右键点击选区最下方的检查就可以打开开发者工具栏了。进入到console组件界面,如图:
这里写图片描述
如果代码有编辑错误,会显示具体哪一行出错,点击错误提示就可以进入到组件代码显示。

3.使用开发者工具的sours组件界面进行调试
主要用在consol不报错的未知错误,相比于前两种方法更高大上了哈哈~
主要就是点击文件夹在sours组件界面打开代码,然后可以通过点击代码的行数来控制运行停止位置。如图:
这里写图片描述
表示我可以让代码运行到第18行停止,然后你可以结合前两种方法对代码进行调试。
好了,调试除了方法,更重要的是耐心啦~实在自己调试不出来的的时候可以让你的小伙伴来帮忙哦~

猜你喜欢

转载自blog.csdn.net/Lnd_Niu/article/details/81486252