探究chrome下的开发工具的各功能
生活随笔
收集整理的这篇文章主要介绍了
探究chrome下的开发工具的各功能
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
F12
一、网页寻找js事件的位置,或者某一个次究竟在哪个相关的文件中可以全局搜索:
①控制台右上角的:(Customize and control DevTools)三个点点开,---->Search all files(Ctrl+Shift+F) --->搜索关键词,能够快速定位到具体文件,支持Regular expression
其他的有待补充:
二、Network中的各项内容:
XHR(XmlHttpRequest)部分引起的work fuck(Accident at work):
注意Form Data的个数与格式,有时候json格式的可能会是字符串的格式work fuck
参考链接:XmlHttpRequest
三、Console中的部分测试,可以直接运行js的代码:
总结
以上是生活随笔为你收集整理的探究chrome下的开发工具的各功能的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 响应式网页设计基础
- 下一篇: Listview点击事件