探究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点击事件