如何在Chrome中屏蔽'Unrecognized feature: ch-ua-form-factor'错误日志?
解决Chrome中「Permissions-Policy header错误:Unrecognized feature: 'ch-ua-form-factor'」日志问题
问题根源
这个错误日志是因为你嵌入的iframe源站(或是当前页面)返回的Permissions-Policy响应头里,包含了Chrome已经不再支持的ch-ua-form-factor特性字段,浏览器无法识别就会抛出这条日志。
具体解决办法
1. 可控源站的情况
如果item.src对应的站点是你自己维护的,直接去源站的服务器配置里,把Permissions-Policy头中的ch-ua-form-factor字段删掉,就能彻底解决这个错误。
2. 源站不可控?直接屏蔽日志
要是嵌入的第三方站点(比如你这里的YouTube)没法修改,最快的方式是在Chrome控制台里过滤掉这条错误:
- 按F12打开开发者工具,切换到Console面板
- 点击右上角的漏斗过滤图标,在输入框里输入
-Unrecognized feature: 'ch-ua-form-factor',精准屏蔽这条日志 - 嫌麻烦也可以输入
-Permissions-Policy,直接屏蔽所有同类型的权限策略错误
3. 尝试添加sandbox属性(谨慎使用)
给iframe加上sandbox属性,限制iframe的权限范围,可能会阻止错误头的触发,但要注意这会默认禁用很多功能,得按需添加允许项,比如:
<iframe width="100%" height="100%" :src="item.src" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen sandbox="allow-scripts allow-same-origin allow-popups allow-presentation" ></iframe>
提示:sandbox的默认规则会禁用脚本、跨域等,一定要根据实际需要添加允许的权限,不然YouTube播放器可能没法正常工作。
内容的提问来源于stack exchange,提问作者Jeong hyunseok
相关产品推荐
相关产品推荐

