要在HTML5中控制重力感应器权限，需通过Permissions-Policy响应头（如accelerometer=(self)）或<iframe allow="accelerometer">显式授权；未授权时调用new Accelerometer()将抛出SecurityError；须配合navigator.permissions.query检测状态，并在用户交互后启动传感器。

要在HTML5中通过 PermissionsPolicy 控制重力感应器（accelerometer）的使用权限，核心是正确配置响应头或 <iframe> 的 allow 属性。重力感应器属于高敏感传感器，现代浏览器默认禁用，必须显式授权。

通过HTTP响应头设置全局策略

在服务器端为整个页面设置 Permissions Policy，推荐用于主文档控制：

• 发送响应头：Permissions-Policy: accelerometer=(self) 表示仅同源页面可访问
• 允许多个来源：accelerometer=("https://example.com" "https://trusted-widget.com")
• 完全禁止：accelerometer=()（空列表）
• 注意：不能用 accelerometer=* 开放给所有第三方，该值不被允许，会降级为禁用

通过 iframe allow 属性控制嵌入内容

当页面内嵌第三方 <iframe>（如广告、小工具），需单独授权其使用重力传感器：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• <iframe src="widget.html" allow="accelerometer" → 允许同源 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(); })
• 使用 Accelerometer API（需 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"，即使主策略开放，子页面也会被拦截