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

Sofia Emelianova
Sofia Emelianova

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