Chrome 151 推出 元素解决权限漏洞简化媒体访问流程Chrome for Developers 为开发者提供了丰富的资源和功能助力他们使用 Chrome 构建应用、提升工作效率、优化用户体验。其涵盖了使用 Chrome 构建的多个方面如网络平台、功能、ChromeDriver、Extensions、Chrome Web Store、Chromium、Android 设备上的 Web、源试用和版本说明等在工作效率方面有 DevTools、Lighthouse、Chrome 用户体验报告、无障碍、现代 Web 指南等还可借助 Workbox 和木偶操作师等现成库更高效工作在体验上涉及 AI、性能、CSS 和界面、身份、收款、隐私权和安全等资源方面则包含所有文档、基准、web.dev、PageSpeed Insights 审核、Privacy Sandbox、独立式 Web 应用 (IWA) 等。同时还有案例研究、博客和 Chrome 中的新功能等内容可供开发者参考。从权限管理到功能控制继 Chrome 144 推出 [ 元素](https://developer.chrome.com/blog/geolocation-html-element?hlzh-cn) 后Chrome 151 推出了 HTML 元素这标志着从通用权限请求过渡到有针对性的功能控制用于访问摄像头和麦克风流进入下一阶段。在成功推出 后 元素是功能元素套件中推出的下一个专用控制元素。早期提案主要侧重于管理权限状态而功能元素则充当数据中介。 元素为网站提供位置对象 则管理摄像头和麦克风访问的整个流程它会捕获用户意图管理浏览器提示并将 MediaStream 对象传递给应用消除了对单独 getUserMedia() 调用的需求简化了实现并确保浏览器拥有用户意图的可信信号。概念验证初始源试用的真实数据表明上下文内用户发起的权限控制显著提高了用户成功率。Cisco 观察到最初拒绝权限的用户使用旧版提示成功授予权限的可能性仅约为 10%但使用新元素后这一比例跃升至 65%以上Zoom 报告称通过使用该元素引导用户完成恢复摄像头或麦克风捕获错误如系统级阻止程序减少了 46.9%Google Meet 发现“麦克风无法正常工作”反馈减少了 17%而最初拒绝访问权限的用户成功恢复权限的比例增加了 131%。为什么要使用 元素 元素基于 建立的模式解决了请求强大功能的核心挑战。媒体请求依赖于强制性 JavaScript 调用常触发上下文外的提示易导致“权限漏洞”和功能弃用。 元素通过明确的意图和时间安排、简化的恢复以及直接流访问等方式解决这些问题与 getUserMedia() JS API 相比在权限提示的触发事件、浏览器角色、场地责任和核心目标等方面存在明显差异。实现与旧版 JavaScript API 相比集成 元素所需的样板代码要少得多。按照 元素建立的声明式模式可将 标记添加到 HTML 中并使用 setConstraints() 方法配置硬件要求。该元素具有 stream、setConstraints()、error、onstream、onerror、oncancel 等关键属性和特性同时为确保用户信任并防止欺骗性设计模式应用了严格的样式限制。渐进增强和迁移策略按照 建立的设计模式 元素旨在优雅地降级。不支持该元素的浏览器会将其视为 HTMLUnknownElement 并呈现其子元素开发者可通过编程方式检测对 元素的支持并添加标准按钮触发旧版 getUserMedia() API。对于在源试用期间集成了实验性通用 元素的开发者向 的过渡需进行标记更新和功能检测。未来的路线图虽然 元素处理组合的音频和视频请求但未来功能元素的路线图包括专门侧重于仅视频场景的 和仅音频场景的 。开发者可通过 [功能元素技术指南](https://github.com/w3c/mediacapture-extensions/blob/main/media-capture-elements-explainer.md) 了解详情。相关链接功能元素 元素说明规范隆重推出 HTML 元素如未另行说明本页面中的内容已根据[知识共享署名 4.0 许可](https://creativecommons.org/licenses/by/4.0/)获得了许可并且代码示例已根据 [Apache 2.0 许可](https://www.apache.org/licenses/LICENSE-2.0)获得了许可。有关详情请参阅 [Google 开发者网站政策](https://developers.google.com/site-policies?hlzh-cn)。Java 是 Oracle 和/或其关联公司的注册商标。最后更新时间 (UTC)2026 - 06 - 29。参与提交 bug查看未处理完毕的问题相关内容Chromium 更新案例研究归档播客和节目关注关于 X 的 ChromiumDevYouTubeLinkedIn 上的 Chrome for DevelopersRSS其他信息条款隐私权政策Manage cookies提供多种语言选择English、Deutsch、Español – América Latina、Français、Indonesia、Italiano、Nederlands、Polski、Português – Brasil、Tiếng Việt、Türkçe、Русский、עברית、العربيّة、فارسی、हिंदी、বাংলা、ภาษาไทย、中文 – 简体、中文 – 繁體、日本語、한국어 。