浏览器调试工具的使用

开启调试窗口
windows 平台: f12
调试窗口介绍
  1. 指针: 选择页面中的元素
  2. 手机: 使用移动端界面调试
  3. Elements: 查看页面 DOM 树
  4. Console: 控制台(注意, 控制台与该页面是一个整体, 在控制台中的任何操作, 会影响到页面)
  5. Source: 代码调试
调试工具的使用

  1. 继续运行. 从当前状态运行下去, 直到出现断点, 如果没有断点则运行结束
  2. 逐过程运行, 一次运行一个函数
  3. 单步运行(逐步运行), 一次运行一句, 如果是函数, 进入函数体内运行
  4. 跳出函数体
  5. 关闭全部断点
  6. 查看监视对象 document
  7. 条件断点
设置断点技巧
  1. 逐步与逐过程混合
  2. 断点加继续运行
  3. 条件断点(右键添加 add contitional breakpoint)
利用 watch 监视窗口可以查看对象成员;

发表评论

电子邮件地址不会被公开。 必填项已用*标注