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

时间:2021-04-24 16:58:17

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