google-chrome-devtools開始使用google-chrome-devtools


備註

本節概述了google-chrome-devtools是什麼,以及開發人員為什麼要使用它。

它還應該提到google-chrome-devtools中的任何大型主題,並鏈接到相關主題。由於google-chrome-devtools的文檔是新的,您可能需要創建這些相關主題的初始版本。

訪問Chrome開發工具

雖然Chrome瀏覽器對任何標籤(歡迎標籤除外)開放,但您有三個選項可以打開Chrome開發工具:

鍵盤 :鍵入命令⌘ + option + i

瀏覽器菜單 :點擊“菜單”>“更多工具”>“開發人員工具”

瀏覽器菜單到chrome dev工具

程序菜單在屏幕頂部 ):點擊“查看”>“開發者”>“開發人員工具”

程序菜單到chrome dev工具

轉到成員(javaScript函數/ CSS規則)

在查看文件時,使用CTRL + SHIFT + O (對於mac, + SHIFT + O )導航到javaScript函數/ CSS規則。

按文件名搜索

在sources選項卡中,使用CTRL + O + O for Mac)按文件名搜索。