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