chrome开发者工具【F12】使用技巧

总结日常工作中经常使用到的chrome开发者工具(F12)技巧【持续更新中……】

1、清除浏览器js缓存

点击【network】→勾选【Disable cache】→按【F5】刷新网页，之后需要某个某个页面的js缓存的时候【F12】【F5】【F12】。

2、控制台查看错误警告与调试

点击【Console】或者右上角的错误警告信息，可以看到页面报错；另外控制可以输入js代码协助调试页面js。

3、【Source】中查找调用的js并打断点调试

4、【network】查看页面的加载与响应

页面在加载的时候从后台回传了什么值，给后台传去了什么值，在XHR中可以看到。

5、chrome插件【postman】

主要用于模拟http请求，主要用于开发接口、调试接口的时候提交http请求。get请求、post请求，post可以自己设置请求参数。