chrome devtools谷歌控制臺工具

總體有八個工具可供查看:元素,資源,網絡,源,時間表,簡介,審核,控制臺??梢允褂?Ctrl?+?[?和?Ctrl?+?]?快捷鍵在面板之間移動。

Chrome每個模塊及其主要功能為:

Element : 用于查看和編輯當前頁面中的 HTML 和 CSS 元素。

Network :用于查看 HTTP 請求的詳細信息,如請求頭、響應頭及返回內容等。

Source :用于查看和調試當前頁面所加載的腳本的源文件。

TimeLine : 用于查看腳本的執(zhí)行時間、頁面元素渲染時間等信息。

Profiles :用于查看 CPU 執(zhí)行時間與內存占用等信息。

Resource :用于查看當前頁面所請求的資源文件,如 HTML,CSS 樣式文件等。

Audits :用于優(yōu)化前端頁面,加速網頁加載速度等。

Console :用于顯示腳本中所輸出的調試信息,或運行測試腳本等。

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容