对于网页代码的调试方法

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值