【頁(yè)面元素】Elements：
用于查看或修改HTML元素的屬性、CSS屬性、監(jiān)聽事件、斷點(diǎn)等；
點(diǎn)擊箭頭
，進(jìn)入選擇元素模式，然后從頁(yè)面中選擇需要查看的元素，然后可以在開發(fā)者工具元素（Elements）一欄中定位到該元素源代碼的具體位置 。（可直接修改代碼看效果）注意：這個(gè)修改也僅對(duì)當(dāng)前的頁(yè)面渲染生效，不會(huì)修改服務(wù)器的源代碼，故而這個(gè)功能也是作為調(diào)試頁(yè)面效果而使用。
【控制臺(tái)】Console：
在運(yùn)行界面時(shí)，如果出現(xiàn)Bug問(wèn)題，一般情況下會(huì)在這欄展示，查看調(diào)試日志信息或者異常錯(cuò)誤信息，然后開發(fā)人員根據(jù)具體問(wèn)題來(lái)調(diào)試，進(jìn)行解決問(wèn)題；
【網(wǎng)絡(luò)】Network：
可以查看請(qǐng)求地址、URL、響應(yīng)狀態(tài)碼（Status）、響應(yīng)數(shù)據(jù)類型（Type）、響應(yīng)數(shù)據(jù)大?。⊿ize）、響應(yīng)時(shí)間（Time）以及重要相關(guān)區(qū)域的請(qǐng)求耗時(shí)（Waterfall），也可篩選出不同類型的URL；
單擊某一個(gè)URL請(qǐng)求，可以查看請(qǐng)求文件的具體說(shuō)明：
Header：面板列出資源的請(qǐng)求url、HTTP方法、響應(yīng)狀態(tài)碼、請(qǐng)求頭和響應(yīng)頭及它們各自的值、請(qǐng)求參數(shù)等等
Preview：預(yù)覽面板，用于資源的預(yù)覽。
Response：響應(yīng)信息面板包含資源還未進(jìn)行格式處理的內(nèi)容
【Preview】和【Response】是同一個(gè)內(nèi)容，兩者的區(qū)別：Preview：通常以json格式展示，便于理解；Response以整體的形式展示，便于使用；
Timing：資源請(qǐng)求的詳細(xì)信息花費(fèi)時(shí)間文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-596560.html
幫助我們具體分析下里面每個(gè)各代表什么意思,分別耗時(shí)多少,通過(guò)這個(gè)來(lái)分析服務(wù)器到底是哪個(gè)環(huán)節(jié)出了問(wèn)題文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-596560.html
到了這里，關(guān)于chrome瀏覽器中用 F12 進(jìn)行抓包的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
