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

Sofia Emelianova
Sofia Emelianova

使用「Search」面板,即可在所有載入的資源中尋找文字。

或者,您也可以使用內建搜尋列,在特定工具開啟的資源中尋找文字。

總覽

您可以使用「Search」面板,在所有載入的資源中尋找文字,並選擇使用規則運算式或大小寫敏感度。找到文字後,您可以在「來源」面板中查看來源。

你可以透過多種方式開啟「搜尋」面板。首先,請開啟開發人員工具,然後執行下列任一操作:

  • 在開發人員工具的右上角,依序選取 自訂及控管開發人員工具「自訂及控管開發人員工具」 >「更多工具」 >「搜尋」
  • 按下 Esc 鍵開啟Drawer,然後在左上角選取 自訂及控管開發人員工具「更多工具」 >「搜尋」
  • 按下 Command + Option + F 鍵 (Mac) 或 Control + Shift + F 鍵 (Windows/Linux)。

在所有已載入的資源中搜尋文字

如要在所有已載入的資源中搜尋文字,請在「Search」面板的搜尋列中輸入查詢字詞,然後按下 Enter 鍵。

搜尋結果。

如果 DevTools 在單一行中找到多個相符項目,搜尋結果會列出所有相符項目,並顯示相同的行號。點選搜尋結果,開發人員工具會在「來源」中開啟該行,並捲動畫面,讓相符項目顯示在畫面上。

如要讓查詢區分大小寫,請切換「match_case」「Match case」按鈕。

「大小寫相符」按鈕。

如要搜尋符合規則運算式的文字,請切換「規則運算式」按鈕。

規則運算式按鈕。

重新執行查詢、展開及清除結果

如要重新執行搜尋查詢,請按一下 。「重新整理」

如要展開所有搜尋結果,請按照下列步驟操作:

  • 如果使用的是 Windows / Linux,請按下 Ctrl + Shift + {}
  • 在 macOS 中,按下 Command + Option + {}

如要清除搜尋結果,請按一下 。「清除」

在特定工具中搜尋文字

如要將搜尋範圍縮小到特定工具中開啟的資源,您可以使用內建搜尋列 (如果工具支援的話)。

搜尋列有向上和向下按鈕,可跳至上一個和下一個搜尋結果。

如要在特定工具中開啟內建搜尋列,請按下 Command + F 鍵 (Mac) 或 Control + F 鍵 (Windows/Linux)。

並非所有 DevTools 面板和分頁都有內建搜尋列,但有內建搜尋列的面板和分頁通常會提供工具專屬功能。以下列出含有搜尋列的工具和功能。

面板或分頁 區分大小寫 規則運算式 範圍 工具專屬功能
元素 DOM 樹狀結構 依選取器和 XPath 搜尋
主控台 沒錯! 沒錯! 記錄訊息
來源 沒錯! 沒錯! 目前的來源檔案 取代
網路 沒錯! 沒錯! 網路標頭、酬載和回應
效能 沒錯! 沒錯! Main 追蹤記錄中的活動,以及 Network 追蹤記錄中的要求
記憶體 沒錯! 設定檔 依費用、名稱和檔案搜尋取樣快照
JavaScript 分析器 沒錯! CPU 設定檔 依費用、名稱和檔案搜尋
快速來源 沒錯! 沒錯! 目前的來源檔案 取代