总结日常工作中经常使用到的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可以自己设置请求参数。