chrome浏览器使用(包括小程序的调试)

1. 调试一
2. 调试二
3. 调试三
4. 调试四

对于浏览器的调试功能还是不是很熟练, 这是一个十分致命的问题,

主要还是对于debugger的时候的一些按键,还是一脸懵逼, 所以就此记录一下我的使用过程,

可以帮助自己加强记忆;
学习真的可以无处不在, 有心学习的话, 随便一个浏览器中的代码,都可以拿过来进行分析;

拿微信小程序中来示例吧, 说实话,一直用不惯小程序的开发者工具,给我的一种感觉就是十分的卡顿的样子, 平时可能也就拿来调试一下吧, 在它里面写代码是不可能写代码的,
F8, F10, F11, shift+F11, F9; 由此进行对应(还是直接点按钮,有时按键会失效,这个工具真的bug太多了,)

单纯的按F8, 只会在断点的地方停留,其他的直接运行;打一个断点的话,可能会直接停一下,就就过去了; (调到函数内部的时候点这个比较好)

• F9 ,我的理解就是每行都会执行, 而且会跳转到函数内部去,经常点着点着就跳转到各种函数中去, 感觉不是很方便调试 需要结合其他按键使用

• F10, (step over)单步跳过,但是值得一说的就是,对于一个函数,会直接执行过去, 也就是把他当成一条语言执行;

• F11,(step into) 每一步都会执行;

总结一下,还是前三个个使用起来计较多吧,其他不太常用

---

小程序的开发者工具真的太烂了,

你如果还是不懂,那就是对了, 自己去多加尝试吧, 只有自己动手,并理会的东西,才是自己的

12/1补充:

对于调试call stack : 调用栈;
scope: 表示作用域,