-
chrome dev tools
- console
- elements: 元素样式调整,很常用
sources: 代码中添加断点,单步调试,以及单步调试过程中查看内存中的对象
watch expression:通过表达式查看当前内存中的值 call stack:查看调用栈,开启async,可以看异步调用栈(这个非常有用,尤其是ajax调试的时候)
scope variables:作用域链上的变量,非常有用 - network:抓包查看每个请求,非常重要,前后端联调必备 * timeline:分析渲染、js执行等等各个阶段,性能优化利器
* emulation:模拟移动端环境,mobile页面开发必备
- vscode 预览md -- Ctrl+Shift+v