总所周知,在Java可以利用工具来一步一步调试Java程序,而JS也不例外,接下来就总结自己用游览器调试JS的一些心得。

    当写出一个带JS的HTML网页在游览器运行时,大部分的游览器是按F12进入JS调试页面。大概如下图所示

如何在Google Chrome里debug JS?

接下来我就一一介绍下这些模块

Elements界面

如何在Google Chrome里debug JS?

可以清楚的看到自己的HTML页面的结构 如Java一样,点击倒三角便能想查什么部分就查什么部分

Source界面

这里主要存放了一些资源文件。但这不是主要的功能(今天的重点来了)这里最强大功能是可以追踪JS的执行顺序及传输数据

就是JS 的 debug,首先,debug设置断点

如何在Google Chrome里debug JS?

点击行号就能设置断点(断点选择和Java调试一样)

如何在Google Chrome里debug JS?

接下来操作主要这些了

如何在Google Chrome里debug JS? 表示 开始运行 有的时候可能是你已经在运行了 你需要重新点击 并重新刷新页面

如何在Google Chrome里debug JS? 表示  逐过程运行 但不会进入函数体内

如何在Google Chrome里debug JS?表示 逐过程运行 但会进入函数体内

如何在Google Chrome里debug JS?表示 直接跳出函数

如何在Google Chrome里debug JS?忽视所有断点

参考csdn 点击打开链接


相关文章:

  • 2021-12-31
  • 2021-11-26
  • 2022-01-23
  • 2021-06-14
  • 2021-11-13
  • 2021-10-15
  • 2021-07-21
  • 2021-11-11
猜你喜欢
  • 2022-01-11
  • 2021-06-11
  • 2021-05-07
  • 2021-11-10
  • 2022-01-10
  • 2021-10-07
  • 2021-05-09
相关资源
相似解决方案