使用「Search」面板在所有載入的資源中尋找文字。
或者,您也可以使用內建搜尋列,尋找在特定工具中開啟的資源中的文字。
開啟搜尋面板
開啟「搜尋」面板的方式有好幾種。首先,開啟開發人員工具,然後執行下列其中一項操作:
- 在開發人員工具的右上角,選取 「Customize and Control DevTools」>更多工具 >搜尋:
- 按下 Esc 鍵開啟「導覽匣」,然後選取左上角的 「更多工具」>搜尋。
- 按下 Command + Option + F 鍵 (Mac) 或 Control + Shift + F 鍵 (Windows/Linux)。
搜尋所有載入資源中的文字
如要搜尋所有已載入的資源中的文字,請在「搜尋」面板的搜尋列中輸入查詢內容,然後按下 Enter 鍵。
如果開發人員工具在同一行找到多個相符項目,搜尋結果會列出所有結果皆相同的行號。 點選其中一個搜尋結果,開發人員工具就會在「Sources」中開啟該行,然後將相符的內容捲動至檢視畫面中。
如要讓查詢區分大小寫,請切換 [match_case 大小寫相符] 按鈕。
如要搜尋與規則運算式相符的文字,請切換 regular_expression [規則運算式] 按鈕。
重新執行查詢,以及展開及清除結果
如要重新執行搜尋查詢,請按一下「重新整理」圖示 。
如何展開所有搜尋結果:
- 在 Windows / Linux 中,按 Ctrl + Shift + { 或 } 鍵
- 在 macOS 上,按 Command + Option + { 或 }
如要清除搜尋結果,請按一下「清除」。
在特定工具中搜尋文字
如要將搜尋範圍縮小到透過特定工具開啟的資源,您可以使用內建的搜尋列 (前提是該工具支援這項功能)。
搜尋列提供向上鍵和向下鍵,可讓您跳至上一個或下一個搜尋結果。
如要在特定工具中開啟內建的搜尋列,請按下 Command + F 鍵 (Mac) 或 Control + F 鍵 (Windows/Linux)。
並非所有開發人員工具面板和分頁都有內建搜尋列,但那些面板和分頁通常會提供工具專屬的功能。以下列出包含搜尋列和相關功能的工具。
面板或分頁 | 區分大小寫 | RegEx | 範圍 | 工具專屬功能 |
---|---|---|---|---|
元素 | DOM 樹狀結構 | 依選取器和 XPath 搜尋 | ||
控制台 | 記錄訊息 | |||
來源 | 目前的來源檔案 | 取代 | ||
網路 | 網路標頭、酬載和回應 | |||
效能 | 活動 | |||
記憶體 | 個人資料 | 按費用、名稱和檔案搜尋取樣設定檔 | ||
JavaScript 分析器 | CPU 設定檔 | 依費用、名稱和檔案搜尋 | ||
快速來源 | 目前的來源檔案 | 取代 |