开发者工具调试技巧

开发者工具调试技巧

• 命令行工具: Ctrl+Shift+P

• 控制台(Console)

  - 输入"$_"可以返回上一条语句的结果
  - 输入"$0"或者"$1"或者"$2"...可以返回元素节点的结果(层层往上递推)
  

JS调试

• 调试环境

  - 安装node.js环境
  	- 调试方法一
          - 安装live-server: npm install -g live-server
          - 到源码目录底下,运行 live-server ,自动打开网页
          - F12打开开发者工具,然后点击网页上的按钮,开始JS调试
      - 调试方法二
      	- 直接的webstorm运行
      	-  F12打开开发者工具,然后点击网页上的按钮,开始JS调试