Feature Police 导致iframe页面无法使用粘贴功能

说明

在Chrome 81版本之上时,通过iframe引入的页面无法正常使用粘贴板。此时,控制台会输出

DOMException: The Clipboard API has been blocked because of a permissions policy applied to the current document. See https://goo.gl/EuHzyv for more details.

错误,这是由于web规范之Feature Police导致的。

Feature Police有些类似于CSP,是安全策略的一种。关于FP的设置有两种,Headers设置与iframe的属性(allow)设置,目前常用的的Feature类型可参考:Features,也可以在浏览器执行

document.featurePolicy.allowedFeatures();

获取当前版本浏览器支持的类型。

解法

针对iframe无法使用粘贴板的问题,可采用

<iframe id = 'ide' allow="clipboard-read; clipboard-write " src = "xxx"></iframe>

加上allow属性即可。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
featurelistfeature是指所需实现的功能列表,每个feature都有其独立的功能和实现方法,下面是一些常见的feature及其实现方法: 1. 用户注册和登录功能:用户注册和登录是绝大多数应用程序的基本功能,可以通过使用身份验证和授权机制来实现。 2. 数据库管理功能:数据库管理功能是指对数据库进行管理和维护,可以使用数据库管理系统(DBMS)来实现。 3. 数据备份和恢复功能:数据备份和恢复功能是指在发生故障或数据丢失时,能够将数据恢复到先前的状态。可以使用数据库备份和恢复工具来实现。 4. 文件上传和下载功能:文件上传和下载功能是指用户可以上传和下载文件,可以使用文件传输协议(FTP)或云存储服务来实现。 5. 搜索功能:搜索功能是指用户可以搜索特定的内容,可以使用全文搜索引擎来实现。 6. 实时通信功能:实时通信功能是指用户可以进行实时的聊天和通信,可以使用WebSocket或即时通讯(IM)协议来实现。 7. 电子邮件发送和接收功能:电子邮件发送和接收功能是指用户可以发送和接收电子邮件,可以使用电子邮件服务器来实现。 8. 数据统计和分析功能:数据统计和分析功能是指对应用程序的数据进行统计和分析,可以使用数据可视化工具来实现。 9. 地理位置定位和导航功能:地理位置定位和导航功能是指用户可以定位自己的位置,并进行导航,可以使用全球定位系统(GPS)或地图应用程序来实现。 10. 支付和结算功能:支付和结算功能是指用户可以进行支付和结算,可以使用第三方支付平台或支付网关来实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值