Google Chrome + DevTools 鍵盤快速鍵
可列印嘅 Google Chrome 瀏覽器同 Chrome DevTools 常用快速鍵參考卡，涵蓋通用命令、分頁與視窗、網址列與搜尋、頁面操作、DevTools 面板、DevTools 偵錯六大場景。
Google Chrome Chrome 130+ / Chromium
70 條快速鍵
Common10
- 新增視窗CtrlN
- 新增無痕視窗CtrlShiftN
- 新增分頁CtrlT
- 關閉目前分頁CtrlW
- 關閉目前視窗CtrlShiftW
- 重新開啟上次關閉的分頁CtrlShiftT
- 結束 ChromeAltF4
- 開啟 Chrome 選單AltF (or AltE)
- 聚焦網址列CtrlL (or AltD or F6)
- 在分頁中開啟搜尋列CtrlF (or /)
Tabs & windows10
- 切換到下 / 上一個分頁CtrlTab / CtrlShiftTab
- 切換到指定分頁（1-8）Ctrl1 .. Ctrl8
- 切換到最後一個分頁（9）Ctrl9
- 在新分頁中開啟連結CtrlClick (on link)
- 在新背景分頁中開啟連結CtrlShiftClick
- 在新視窗中開啟連結ShiftClick
- 將連結拖曳到分頁列（新分頁）Drag link to tab strip
- 釘選 / 取消釘選分頁Right-click tab → Pin
- 靜音 / 取消靜音分頁Click speaker icon in tab
- 複製分頁CtrlShiftK (or right-click → Duplicate)
Address bar & search7
- 聚焦網址列（選取目前 URL）CtrlL
- 使用預設引擎搜尋TypeEnter (in address bar)
- 使用搜尋開啟新分頁CtrlT (then type)
- 搜尋所選文字Right-click → Search Google (or CtrlShiftL in some setups)
- 在網址列為文字補上 www. + .com / 國碼CtrlEnter
- 將游標移至網址列F6
- 顯示歷程記錄 / 自動完成Type in address bar (autocomplete)
Page navigation & actions19
- 重新載入目前頁面F5 (or CtrlR)
- 強制重新載入（略過快取）CtrlShiftR (or ShiftF5)
- 停止載入Escape
- 上一頁 / 下一頁Alt← / Alt→ (or Backspace / ShiftBackspace)
- 首頁AltHome
- 將此頁加入書籤CtrlD
- 為所有開啟的分頁加入書籤CtrlShiftD
- 開啟書籤頁CtrlShiftO
- 顯示 / 隱藏書籤列CtrlShiftB
- 開啟歷程記錄頁CtrlH
- 開啟下載頁CtrlJ
- 開啟擴充功能頁CtrlShiftA (or via menu)
- 將頁面另存新檔CtrlS
- 列印CtrlP
- 在頁面中搜尋CtrlF (or F3)
- 搜尋下 / 上一個CtrlG / CtrlShiftG (or Enter / ShiftEnter in find bar)
- 清除瀏覽資料CtrlShiftDelete
- 切換全螢幕F11
- 放大 / 縮小 / 重設Ctrl/ Ctrl- / Ctrl0
Chrome DevTools (open & panels)11
- 開啟開發人員工具（上次的面板）F12 (or CtrlShiftI)
- 開啟元素 / 檢查器面板CtrlShiftC
- 開啟主控台面板CtrlShiftJ
- 開啟來源面板CtrlShiftF (or via panel bar)
- 開啟網路面板CtrlShiftE (or via panel bar)
- 切換開發人員工具面板（指令面板）CtrlShiftP
- 顯示 / 隱藏主控台抽屉Escape (in DevTools)
- 切換裝置模式（回應式檢視）CtrlShiftM
- 切換檢查元素模式CtrlShiftC (or click Inspect icon)
- 清除主控台CtrlL (in Console) / or click 🚫
- 在開發人員工具中開啟指令面板CtrlShiftP
DevTools (debugging)13
- 暫停 / 恢復指令碼執行F8 (or Ctrl\)
- 逐步覆寫下一個函式呼叫F10
- 逐步進入下一個函式呼叫F11
- 跳出目前函式ShiftF11
- 恢復執行F9 (in Sources panel — resume)
- 在目前行切換中斷點CtrlB (in Sources)
- 條件中斷點Right-click line number → Add conditional breakpoint
- 記錄點（不修改程式碼即可輸出日誌）Right-click line number → Add logpoint
- 逐步進入下一個非同步函式F11 (with async call in stack)
- 執行至下一個中斷點F8 (resume after pause)
- 停用所有中斷點CtrlShiftF8 (or click in Breakpoints panel)
- 顯示 / 隱藏主控台Escape (toggles drawer in DevTools)
- 聚焦主控台搜尋CtrlF (in Console)
關於 Chrome DevTools 快速鍵
Google Chrome 係全球使用最廣嘅網頁瀏覽器，2026 年市場份額超 65%，佢內置嘅 DevTools 係 Web 前端偵錯嘅事實標準。Chrome 嘅快速鍵分兩層：瀏覽器級（Ctrl+T 新分頁、Ctrl+L 網址列）同 DevTools 級（F12 打開、Ctrl+Shift+P 指令面板、F8 單步跳過、F11 單步進入）。 本參考卡覆蓋 80+ 條最常用快速鍵，按 6 大功能區分組：通用、分頁與視窗、網址列與搜尋、頁面操作、DevTools 面板、DevTools 偵錯。所有條目均轉錄自 Google 官方 Chrome + DevTools 文檔。 使用方法 - 頂部選擇平台（Windows / macOS）。 - 輸入任何功能名或鍵位。 - 點擊任意列「複製」按鈕。 - 匯出 PNG（2400×1140 橫向）做桌布；匯出 PDF 做單頁 A4 橫向參考。 小貼士 - F12（Win）/ ⌥⌘I（Mac）打開 DevTools —— Web 開發者最常用嘅快速鍵。 - DevTools 內 ⌘⇧P 打開指令面板 —— 輸入搵任何面板、操作或設定。 - F8 = 暫停/繼續腳本；F10 = 單步跳過；F11 = 單步進入；⇧F11 = 單步跳出。 - ⌘⇧C 啟動 Inspect Element 模式 —— 滑鼠懸停高亮 DOM 節點。 - ⌥⌘J 直接打開 Console（跳過 Elements 面板）。 點解 Chrome DevTools 同 vscode-shortcuts 分開？Chrome DevTools 係瀏覽器級工具，VS Code 係編輯器級。兩者有少少重疊（如都有 Format Document），但快速鍵生態分叉。分開令每個工具都聚焦。
免責聲明
本快捷鍵查詢網站為第三方非官方工具，與頁面提及的所有軟件產品商標持有人不存在任何隸屬、投資、授權、官方合作關係。
網站內全部快捷鍵資訊來自公開網絡資料、軟件本地實測整理，僅作學習參考之用，不保證資訊絕對準確、完整、即時適配軟件所有版本。不同軟件版本、系統環境下快捷鍵行為可能存在差異，請以軟件官方文件為準。
頁面中出現的所有產品名稱、商標、標識均歸對應版權方/商標權人所有，此處僅為描述性合理使用，用於標識對應軟件，不代表獲得商標權利人許可。
如版權方、商標權利人認為本站部分內容存在權益侵害，請發送電郵至[email protected]，我們在收到有效權屬證明後，會在合理期限內修改或移除相關內容。
本網站不對因使用本站資訊而產生的任何直接或間接損失承擔法律責任。
版本 1.0.0