跳至主要内容
Chrome for Developers
获得启发 博客 文档
  • 使用 Chrome 构建
  • 了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • 利用网络最佳工具为用户创造最佳体验。
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • 借助我们现成的库，您可以更快速、更简洁地完成工作。
  • Workbox
  • 木偶操作师
  • 体验
  • 使用 Chrome 设计外观精美且性能出色的网页。
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私和安全
  • 资源
  • 更多 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
探索 AI 助理的最新动态和应用场景
DevTools AI 助理 面板
  • 元素
  • 控制台
  • 来源
  • 网络
  • 性能
  • 内存
  • 应用
  • 录音机
  • 渲染
更多面板
  • Autofill
  • 动画
  • 更改数
  • 覆盖率
  • 开发者资源
  • CSS 概览
  • 问题
  • 图层
  • Lighthouse
  • 媒体
  • 内存检查器
  • 网络状况
  • 网络请求屏蔽
  • 性能监视器
  • 协议监控
  • 快速来源
  • 安全
  • 传感器
  • WebAudio
  • WebAuthn
  • 新变化
设置 无障碍
Chrome for Developers
  • 获得启发
  • 博客
  • 文档
    • 更多
    • DevTools
    • AI 助理
    • 面板
      • 更多
    • 更多面板
      • 更多
    • 设置
    • 无障碍
  • Chrome 中的新功能
  • 开始使用
  • 概览
  • 打开 Chrome 开发者工具
  • 开发者工具的新变化
  • 自定义开发者工具
  • 开发者工具提示
  • 命令和快捷键
  • 在命令菜单中运行命令
  • 停用 JavaScript
  • 键盘快捷键
  • 使用 Device Mode 模拟移动设备
  • 使用搜索功能查找所有已加载资源中的文本
  • 元素
  • 概览
  • DOM
    • 查看和更改 DOM
    • 查看 DOM 对象的属性
    • 徽章参考
  • CSS
    • 查看和更改 CSS
    • 查找无效、已替换、无效和其他 CSS
    • 使用颜色选择器进行检查和调试
    • 检查网格布局
    • 检查和调试 Flexbox 布局
    • 检查和调试容器查询
    • 功能参考
  • AI 助理
  • 概览
  • 快速入门
  • 主题
    • 样式设置
    • 网络
    • 来源
    • 性能
  • 控制台
  • 概览
  • 通过控制台数据分析了解错误和警告
  • 日志消息
  • 运行 JavaScript
  • 实时观看 JavaScript
  • 设置邮件格式和样式
  • 功能参考
  • API 参考
  • Utilities API 参考文档
  • 来源
  • 概览
  • 调试 JavaScript
  • 使用断点暂停代码
  • 运行 JavaScript 代码段
  • 调试原始代码，而不是使用源代码映射进行部署
  • ignoreList 源代码映射扩展
  • 在工作区中编辑和保存文件
  • 在本地替换 Web 内容和 HTTP 响应标头
  • JavaScript 调试参考文档
  • 调试 C/C++ WebAssembly
  • 网络
  • 概览
  • 检查网络活动
  • 功能参考资料
  • 查看网页资源
  • 性能
  • 概览
  • 分析运行时性能
  • 功能参考资料
  • 时间轴事件参考文档
  • 分析 CSS 选择器性能
  • 分析 Node.js 性能
  • 利用可扩展性 API 自定义性能数据
  • 获取有关网站性能的富有实用价值的分析洞见
  • Lighthouse
  • 优化网页速度
  • 内存
  • 概览
  • 内存术语
  • 解决内存问题
  • 录制堆快照
  • 分配分析器工具
  • 应用
  • 概览
  • 调试渐进式 Web 应用
  • 查看并修改
    • 本地存储空间
    • 会话存储空间
    • 扩展程序存储
    • IndexedDB 数据
    • Web SQL 数据
  • 查看、添加、修改和删除 Cookie
  • 查看缓存数据
  • 测试往返缓存
  • 调试推测规则
  • 调试后台服务
  • 查看框架详情
  • 查看应用缓存数据
  • 录音机
  • 概览
  • 录制、重放和衡量用户流
  • 功能参考资料
  • 使用扩展程序自定义“录音机”
  • 渲染
  • 概览
  • 发现呈现性能方面的问题
  • 模拟 CSS 媒体功能
  • 应用渲染效果
  • 更多面板
  • 使用“自动填充”面板检查和调试已保存的地址
  • 通过“安全性”面板了解安全问题
  • 使用“Sensors”面板模拟设备传感器
  • 使用 WebAudio 面板查看 WebAudio API 指标
  • 使用 WebAuthn 面板模拟身份验证器
  • 使用“Animations”面板检查和修改动画
  • 使用“更改”面板跟踪对 HTML、CSS 和 JavaScript 的更改
  • 使用“覆盖率”面板查找和分析未使用的代码
  • 使用“开发者资源”面板查看和手动加载源代码映射
  • 使用“CSS 概览”面板发掘潜在的 CSS 改进机会
  • 查找并修复“问题”面板的问题
  • 使用“图层”面板分析网站的图层
  • 使用“媒体”面板调试媒体播放器
  • 使用“Memory Inspector”面板检查 ArrayBuffer、TypedArray、DataView 或 Wasm 内存
  • 使用“Network conditions”（广告联盟条件）面板替换用户代理字符串
  • 使用“网络请求屏蔽”面板有选择地屏蔽资源
  • 使用“性能监控”面板实时分析运行时性能
  • 通过协议监控面板查看和发送 CDP 请求
  • 查看源文件，同时借助“快速来源”面板访问其他工具
  • 新变化
  • 远程调试
  • 远程调试 Android 设备
  • 通过端口转发访问本地服务器和 Chrome 实例
  • 远程调试 WebView
  • 无障碍
  • 功能参考资料
  • 对比度和可读性
  • 跟踪元素焦点
  • 利用辅助技术浏览开发者工具
  • 设置
  • 概览
  • 所有设置
    • 偏好设置
    • 工作区
    • AI 创新
    • 实验
    • 忽略列表
    • 设备
    • 限制
    • 营业地点
    • 快捷指令
  • 资源
  • 工程博客
  • 使用 Chrome 构建
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • Workbox
  • 木偶操作师
  • 体验
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私和安全
  • 资源
  • 所有文档
  • 基准
  • web.dev
  • PageSpeed Insights 审核
  • Privacy Sandbox
  • 元素
  • 控制台
  • 来源
  • 网络
  • 性能
  • 内存
  • 应用
  • 录音机
  • 渲染
  • Autofill
  • 动画
  • 更改数
  • 覆盖率
  • 开发者资源
  • CSS 概览
  • 问题
  • 图层
  • Lighthouse
  • 媒体
  • 内存检查器
  • 网络状况
  • 网络请求屏蔽
  • 性能监视器
  • 协议监控
  • 快速来源
  • 安全
  • 传感器
  • WebAudio
  • WebAuthn
  • 新变化
此页面由 Cloud Translation API 翻译。
  • 首页
  • Docs
  • Chrome DevTools
  • 更多面板