搜尋:在所有載入資源中尋找文字

Sofia Emelianova
Sofia Emelianova

使用「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 設定檔 依費用、名稱和檔案搜尋
快速來源 沒錯! 沒錯! 目前的來源檔案 取代