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