用 Chrome 调试你的 JavaScript
wǎng luò shí huāng 2022-02-20
浏览器
调试
用 Chrome 调试你的 JavaScript
参考文章：
-
- 其中如果我们不想要在断点执行某个 js 文件，例如第三方库，我们可以把这个库放入“黑盒脚本”里：
- 此时说明成功了。以后在调试时都不会进入 jq 里的代码里。
- 快捷键：
- F8——跳到下一个断点。
- F9——单步调试：会根据机器的执行顺序一步一步走进代码。
- F10—— 跳过下一个函数：如果当前这一步有函数，那么会执行已有的函数，并跳到下一步代码准备执行（不会进入函数里去）。如果当前这一步没有函数，那么执行当前这一步，然后执行跳转到下一行，准备执行。
- F11——没有进入函数时，点击它进入函数；进入函数时，点击它跳出函数；准备执行下一步。
- 其中如果我们不想要在断点执行某个 js 文件，例如第三方库，我们可以把这个库放入“黑盒脚本”里：
chrome 调试技巧：
# 调试远程代码：作为前端开发，如何调试线上代码？
- https://mp.weixin.qq.com/s/6axfs_0zEGm7f69VY0UjXw
- 【前端调试】如何优雅调试线上代码（Vue、React）：https://juejin.cn/post/7340478055913963570?searchId=2024062810290502C6AA09B4E690540CCB
# 谷歌内核的浏览器我们可以使用下面的几个地址记录和查看相应进程内存大小
- chrome://memory-internals/：选择要记录的进程数据，并导出数据
- chrome://tracing/：查看上面导出的记录的进程数据
