欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

探究chrome下的开发工具的各功能

发布时间:2025/7/14 编程问答 53 豆豆
生活随笔 收集整理的这篇文章主要介绍了 探究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下的开发工具的各功能的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。