跳至主要內容
從他人經驗中汲取靈感
網誌
文件
透過 Chrome 建構內容
瞭解 Chrome 的運作方式、參與來源試用,並隨時隨地使用 Chrome 進行建構。
網路平台
功能
ChromeDriver
Extensions
Chrome Web Store
鉻
Aurora
Android 網頁版
來源試用
版本資訊
效率提升
透過網路最佳工具,為使用者打造最佳體驗。
DevTools
Lighthouse
Chrome UX Report
無障礙功能
運用現成的程式庫,更快完成工作。
Workbox
布偶操作員
功能
使用 Chrome 設計美觀且高效能的網路。
AI
效能
CSS 和 UI
身分
付款
隱私權與安全性
資源
更多 Chrome 和 Google 相關資訊。
所有說明文件
基準主題
web.dev
PageSpeed Insights 稽核
Privacy Sandbox
Chrome 新功能
/
English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어
Chrome DevTools
DevTools
AI 輔助功能
面板
元素
控制台
來源
網路
效能
記憶體
應用程式
錄音工具
算繪
更多面板
自動填入
動畫
轉乘次數
涵蓋範圍
開發人員資源
CSS 總覽
問題
圖層
Lighthouse
媒體
記憶體檢查器
網路狀況
網路要求封鎖
效能監控
通訊協定監控
快速來源
安全性
感應器
WebAudio
WebAuthn
新功能
設定
無障礙功能
從他人經驗中汲取靈感
網誌
文件
更多
DevTools
AI 輔助功能
面板
更多
更多面板
更多
設定
無障礙功能
Chrome 新功能
開始使用
總覽
開啟 Chrome 開發人員工具
開發人員工具新功能
自訂開發人員工具
開發人員工具提示
指令和快速鍵
在指令選單中執行指令
停用 JavaScript
鍵盤快速鍵
使用裝置模式模擬行動裝置
使用搜尋功能在所有載入資源中尋找文字
元素
總覽
DOM
查看及變更 DOM
查看 DOM 物件的屬性
徽章參考資料
CSS
查看及變更 CSS
尋找無效、已覆寫、已停用和其他 CSS
使用顏色挑選器進行檢查和偵錯
檢查格線版面配置
檢查 Flexbox 版面配置並進行偵錯
檢查容器查詢並進行偵錯
功能參考資料
AI 輔助功能
總覽
快速入門導覽課程
主題
樣式
網路
來源
效能
控制台
總覽
透過控制台深入分析瞭解錯誤和警告
記錄訊息
執行 JavaScript
即時觀看 JavaScript
設定訊息格式與樣式
功能參考資料
API 參考資料
公用程式 API 參考資料
來源
總覽
為 JavaScript 偵錯
使用中斷點暫停程式碼
執行 JavaScript 程式碼片段
對原始程式碼 (而非使用來源對應) 進行偵錯
ignoreList 來源對應擴充功能
在工作區中編輯和儲存檔案
在本機覆寫網頁內容和 HTTP 回應標頭
JavaScript 偵錯參考資料
對 C/C++ WebAssembly 進行偵錯
網路
總覽
檢查網路活動
功能參考資料
查看網頁資源
效能
總覽
分析執行階段效能
功能參考資料
時間軸事件參照
分析 CSS 選取器成效
剖析 Node.js 效能
使用可擴充的 API 自訂效能資料
取得網站成效的可行深入分析資料
Lighthouse
針對網頁速度進行最佳化調整
記憶體
總覽
記憶體術語
修正記憶體問題
記錄堆積快照