写代码的时候,经常会出现错误;代码多的时候,就需要用调试工具来调了;

所有的浏览器都是F12来打开调试工具的;

chrome自带的浏览器,会解决日常工作的问题;

 

  1. F12打开,
  2. 打断点,
  3. F11一步一步走;

错误的几种情况:语法错误,逻辑错误;

语法错误比较好解决;逻辑错误可以用断点来调;如果不报错的BUG是相对比较难调的;

问题:无法获取属性“getELementByTagName”的值,对象为null或未定义;或者tab没有定义

2种原因:

1、代码写错了;

2、顺序写错了;比如JS代码写到HTML代码前面了;

断点后是可以添加监听,来看某一个值的变化 的;(添加监视,一定要选择目标);谷歌会自动监视的。(在右侧scope variables里)

F11单步调试,一步一步的走;

添加多个断点时候,按F5是组调式;可以一个断点一个断点的调试;

 

~~~~~~~