前端开发里，有一段代码几乎每个人都写过：

navigator.mediaDevices.getUserMedia()
navigator.geolocation.getCurrentPosition()
Notification.requestPermission()

为了申请一个权限，不仅要写 JavaScript，还要处理：权限已允许、权限已拒绝、用户关闭弹窗、浏览器拦截、再次授权……一堆状态。

最麻烦的是，很多用户一不小心点了 **"拒绝"**，之后想重新授权，只能：浏览器设置 → 隐私和安全 → 网站权限 → 找到对应网站 → 重新开启。90% 的普通用户根本找不到。

所以很多 Web 应用都会遇到一个问题：用户不是不用，而是被自己第一次点的"拒绝"困住了。

Chrome 现在准备改变这一切。Google 正在推动一种全新的权限模型，它不再依赖 JavaScript，而是 直接使用 HTML 元素申请权限。

一个 HTML 标签，就能申请权限？

Chrome 提出的方案非常大胆。以前：

navigator.mediaDevices.getUserMedia()

未来可能变成：

<permission type="camera"></permission>

或者后续演进后的能力专属元素：

<usermedia></usermedia>

整个权限申请，直接交给浏览器控制。

很多开发者第一次看到都会问：HTML 标签还能申请系统权限？答案是：可以。 而且这正是 Google 想推动的新方向。

为什么 Google 要重新设计权限系统？

因为现在的权限体验，真的太差了。

例如：用户刚打开网站，页面还没看懂，浏览器突然弹出"是否允许访问摄像头？"大多数人的第一反应都是 拒绝，然后……网站直接废了一半。

Google 在官方博客里提到，传统 JavaScript API 最大的问题就是：浏览器无法确认这次权限请求，是否真的来自用户明确的操作。 而 HTML 元素不同，浏览器知道用户点击的就是这个权限按钮，因此用户意图更加明确，浏览器也能提供更自然、更安全的权限体验。

浏览器终于可以"劝你回心转意"

这是我觉得最重要的一点，也是很多人容易忽略的。

以前：用户拒绝权限之后，几乎没有任何补救办法。网站只能提示"请去浏览器设置开启权限……"然后用户：不会 → 放弃。

新的 Permission Element，以及后续演进出的 <usermedia>、<geolocation> 等能力专属元素，浏览器可以直接在页面中继续展示权限入口，用户随时可以再次点击授权，不用再跑到浏览器设置里翻半天。

这一点，对于在线会议、AI 视频聊天、在线教育、Web 摄像头应用，都会明显改善用户体验。

权限按钮终于归浏览器管了

官方还有一个设计，很多人没注意。那就是：开发者不能随意把权限按钮改得花里胡哨。

为什么？因为如果完全自由设计，恶意网站完全可以把权限按钮伪装成"开始游戏"、"领取红包"、"免费下载"，诱导用户点击。

所以 Chrome 对这个元素进行了严格限制，包括：样式限制、浏览器统一 UI、浏览器统一文案、浏览器统一交互。目的只有一个：让用户一眼就知道：这是权限按钮。

不只是摄像头

最开始，Chrome 提出的是一个通用的 <permission> HTML 元素，开发者可以指定不同权限类型。

后来，根据开发者和浏览器厂商反馈，Chrome 又进一步演进，开始拆分成 <usermedia>、<geolocation> 等能力专属元素。不同权限，拥有更符合场景的交互体验。

这也意味着，未来浏览器权限很可能都会朝着 "能力专属 HTML 元素" 方向发展。

对前端开发意味着什么？

如果这个方案最终标准化，以后很多代码可能都会消失。

以前：

按钮 → 点击事件 → 请求权限 → 处理 Promise → 处理异常 → 更新 UI

未来：浏览器负责权限，开发者负责业务。权限申请流程，会简单得多。

对于开发者来说，最大的变化有三个：

• 权限代码更少

• 用户体验更统一

• 权限恢复更加简单

为什么这是 Web 的一次重要变化？

很多人看到这里只觉得"只是一个 HTML 标签"，其实不是。它改变的是：浏览器和网站之间关于权限的交互方式。

过去：网站主动弹窗。

未来：用户主动点击。

这是完全不同的设计理念。

Google 官方也表示，推出这套方案的目标，就是希望：让权限请求更加透明，更符合用户预期，同时降低误拒绝后的恢复成本。

写在最后

今天，越来越多 Web 应用开始使用：AI 实时语音、视频会议、在线录音、屏幕共享、地图定位。权限申请，已经成为现代 Web 应用不可避免的一部分。

Chrome 推出的新 HTML 权限元素，虽然只是一个小小的标签，但它背后代表的是：浏览器权限交互的一次重新设计。

未来，申请摄像头，可能不用再写几十行 JavaScript，一个 HTML 元素，就够了。

• 官方资料：https://developer.chrome.com/blog/permission-element-origin-trial?hl=zh-cn

阅读原文：点击这里​