前端浏览器开发者工具的使用

来源：互联网发布：s.click是淘宝网的吗编辑：程序博客网时间：2024/05/22 17:05

1.elements:html和css调试的，可以修改style样式

对动态js的效果修改的话先把鼠标放置到上面触发效果，然后右键点击，选择检查即可

2.sources：调试js代码

箭头表示逐步跨方法调试，并不会进入到方法内部，第三个是可以进入到方法内部

右键某个想监控的变量，add to watch可以监控他的变化

第五个表示取消所有断点，再次点击可以恢复

第六个打钩表示直接定位到异常句

ctrl+shift+f可以全局搜索

调试压缩过的代码，点击左下角的pretty print,可以先将代码格式化

回调函数调试需要在方法里面再加入一个断点

3.network里面的formdata可以查看发送的数据

事件断点监听，可以打钩从而找到该事件的js代码

4.调试移动端，more tools 下面有个network conditions中network throttling里面可以模拟手机端网速 user agent里面可以选择不同的浏览器

阅读全文

0 0