搜尋:在所有載入資源中尋找文字
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
使用「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 設定檔 |
依費用、名稱和檔案搜尋 |
快速來源 |
|
|
目前的來源檔案 |
取代 |
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-03-12 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-03-12 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-03-12 (世界標準時間)。"],[],[]]