總體有八個工具可供查看:元素,資源,網絡,源,時間表,簡介,審核,控制臺??梢允褂?Ctrl?+?[?和?Ctrl?+?]?快捷鍵在面板之間移動。
Chrome每個模塊及其主要功能為:
Element : 用于查看和編輯當前頁面中的 HTML 和 CSS 元素。
Network :用于查看 HTTP 請求的詳細信息,如請求頭、響應頭及返回內容等。
Source :用于查看和調試當前頁面所加載的腳本的源文件。
TimeLine : 用于查看腳本的執(zhí)行時間、頁面元素渲染時間等信息。
Profiles :用于查看 CPU 執(zhí)行時間與內存占用等信息。
Resource :用于查看當前頁面所請求的資源文件,如 HTML,CSS 樣式文件等。
Audits :用于優(yōu)化前端頁面,加速網頁加載速度等。
Console :用于顯示腳本中所輸出的調試信息,或運行測試腳本等。