要在html5中控制重力感应器权限，需通过permissions-policy响应头（如accelerometer=(self)）或显式授权；未授权时调用new accelerometer()将抛出securityerror；须配合navigator.permissions.query检测状态，并在用户交互后启动传感器。
要在HTML5中通过 PermissionsPolicy 控制重力感应器（accelerometer）的使用权限，核心是正确配置响应头或 <iframe></iframe> 的 allow 属性。重力感应器属于高敏感传感器，现代浏览器默认禁用，必须显式授权。
通过HTTP响应头设置全局策略
在服务器端为整个页面设置 Permissions Policy，推荐用于主文档控制：
- 发送响应头：
Permissions-Policy: accelerometer=(self)表示仅同源页面可访问 - 允许多个来源：
accelerometer=("https://example.com" "https://trusted-widget.com") - 完全禁止：
accelerometer=()（空列表） - 注意：不能用
accelerometer=*开放给所有第三方，该值不被允许，会降级为禁用
通过 iframe allow 属性控制嵌入内容
当页面内嵌第三方 <iframe></iframe>（如广告、小工具），需单独授权其使用重力传感器：
<iframe src="widget.html" allow="accelerometer"> → 允许同源 iframe 使用</iframe>-
allow="accelerometer 'src'"→ 仅允许该 iframe 的源（即src值所指来源） -
allow="accelerometer https://api.sensor.example"→ 明确指定允许的跨源 - 未声明
accelerometer的 iframe，即使父页已启用，子页也无法调用navigator.permissions.query({name:'accelerometer'})或DeviceMotionEvent
配合 JavaScript 检测与请求权限
策略生效后，仍需前端代码安全调用：
- 先检查权限状态：
navigator.permissions.query({name: 'accelerometer'})返回'granted'、'denied'或'prompt' - 触发用户提示需用户交互（如点击按钮），不可自动调用：
addEventListener('click', () => { sensor.start(); }) - 使用
AccelerometerAPI（需 Secure Context，即 HTTPS 或 localhost）：const acc = new Accelerometer({frequency: 60}); acc.start(); - 若策略拒绝或用户拒权，
acc.start()将抛出SecurityError或NotAllowedError
常见问题与验证方法
部署后建议快速验证是否生效：
- Chrome DevTools → Application → Permissions Policy → 查看当前页策略解析结果
- Network 面板检查响应头是否包含正确的
Permissions-Policy - 在控制台运行
navigator.permissions.query({name:'accelerometer'})，确认返回状态非denied - 若页面在 iframe 中且无
allow="accelerometer"，即使主策略开放，子页面也会被拦截
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
