跳至主要內容
Chrome for Developers
從他人經驗中汲取靈感 網誌 文件
  • 透過 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
  • 新功能
設定 無障礙功能
Chrome for Developers
  • 從他人經驗中汲取靈感
  • 網誌
  • 文件
    • 更多
    • 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
  • 針對網頁速度進行最佳化調整
  • 記憶體
  • 總覽
  • 記憶體術語
  • 修正記憶體問題
  • 記錄堆積快照
  • 分配分析器工具
  • 應用程式
  • 總覽
  • 對漸進式網頁應用程式進行偵錯
  • 檢視和編輯
    • 本機儲存空間
    • 工作階段儲存
    • 擴充功能儲存空間
    • 索引資料庫資料
    • 網路 SQL 資料
  • 查看、新增、編輯及刪除 Cookie
  • 查看快取資料
  • 測試往返快取
  • 對推測規則進行偵錯
  • 對背景服務進行偵錯
  • 查看影格詳細資料
  • 查看應用程式快取資料
  • 錄音工具
  • 總覽
  • 記錄、重播及評估使用者流程
  • 功能參考資料
  • 使用擴充功能自訂錄音工具
  • 算繪
  • 總覽
  • 探索轉譯效能相關問題
  • 模擬 CSS 媒體功能
  • 套用算繪效果
  • 更多面板
  • 透過「自動填入」面板檢查已儲存地址並進行偵錯
  • 透過安全性面板瞭解安全性問題
  • 使用感應器面板模擬裝置感應器
  • 透過 WebAudio 面板查看 WebAudio API 指標
  • 使用 WebAuthn 面板模擬驗證器
  • 使用「Animations」(動畫) 面板檢查及修改動畫
  • 使用「變更」面板追蹤 HTML、CSS 和 JavaScript 的變更
  • 透過「涵蓋率」面板尋找及分析未使用的程式碼
  • 透過「開發人員資源」面板查看及手動載入來源地圖
  • 透過 CSS 總覽面板找出 CSS 可能的改善項目
  • 使用「問題」面板找出並修正問題
  • 使用「圖層」面板分析網站圖層
  • 使用媒體面板對媒體播放器進行偵錯
  • 使用記憶體檢查器面板檢查 ArrayBuffer、TypedArray、DataView 或 Wasm 記憶體
  • 使用「網路條件」面板覆寫使用者代理程式字串
  • 使用網路要求封鎖面板選擇性封鎖資源
  • 透過效能監控面板即時分析執行階段效能
  • 使用通訊協定監控面板查看及傳送 CDP 要求
  • 查看來源檔案，同時利用「快速來源」面板使用其他工具
  • 新功能
  • 遠端偵錯
  • 遠端偵錯 Android 裝置
  • 透過通訊埠轉送功能存取本機伺服器和 Chrome 執行個體
  • WebView 遠端偵錯
  • 無障礙功能
  • 功能參考資料
  • 對比度和可讀性
  • 追蹤元素焦點
  • 使用輔助技術瀏覽開發人員工具
  • 設定
  • 總覽
  • 所有設定
    • 偏好設定
    • 工作區
    • AI 創新
    • 實驗
    • 忽略清單
    • 裝置
    • 調節
    • 地區
    • 捷徑
  • 資源
  • 工程網誌
  • 透過 Chrome 建構內容
  • 網路平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • 鉻
  • Aurora
  • Android 網頁版
  • 來源試用
  • 版本資訊
  • 效率提升
  • DevTools
  • Lighthouse
  • Chrome UX Report
  • 無障礙功能
  • Workbox
  • 布偶操作員
  • 功能
  • AI
  • 效能
  • CSS 和 UI
  • 身分
  • 付款
  • 隱私權與安全性
  • 資源
  • 所有說明文件
  • 基準主題
  • web.dev
  • PageSpeed Insights 稽核
  • Privacy Sandbox