Permissions API：权限查询与请求治理

--- title: Permissions API：权限查询与请求治理 keywords: - navigator.permissions.query - PermissionStatus - state - change 事件 - 权限治理 description: 使用 Permissions API 查询权限状态并订阅变化，合理安排请求时机与文案，减少打扰并提升授权通过率。 categories: - 文章资讯 - 技术教程 --- ## 概述 Permissions API 提供统一的权限状态查询接口，返回 `granted`、`denied` 或 `prompt`。可在状态变化时调整功能或提示策略。 ## 用法/示例 ```js const status = await navigator.permissions.query({ name: 'geolocation' }) console.log(status.state) status.onchange = () => console.log('changed', status.state) ``` ## 工程建议 - 延后请求至用户明确意图发生时（如点击开始定位按钮），避免首次加载打扰。 - 根据不同权限设计清晰的价值说明与回退策略，提升授权通过率。 - 记录权限变化用于产品分析与治理，遵守隐私与合规要求。 ## 参考与验证 - MDN：Permissions — https://developer.mozilla.org/docs/Web/API/Permissions_API - W3C：Permissions — https://www.w3.org/TR/permissions/