谷歌浏览器--开发者工具使用

谷歌浏览器–开发者工具使用

1、源代码面板—sourc

  1、 断点 :代码执行到断点处会停止执行

①跳到下一个断点
②步过 跳过当前语句到下一个语句
③步入，进入函数，看语句详细代码
④步出，跳出函数，回到原来的地方

  2、函数调用线，可以查看当前函数的上一个或者下一个函数
  3、变量监听

  4、线程 :下面目录为，主线程和当前页面的线程

  5、断点列表

  6、DOM断点

  7、事件监听，事件断点(不常用)

  8、收藏代码块，可以进行收藏调试等

2、控制台—console

  可以输入JS代码，进行调试等功能

3、网络—network

  1、搜索：method:post，可以进行类型搜索
  2、右键网址，xhr重发
  3、network表中Initiator比较重要，js调试中需要用到

4、APPlication

  本地数据库，cookie（可以进行修改或添加）

5、Setting

  有个httpRequest勾选可以查看ajxs请求详情