有关createRange和window.selection.addRange的兼容测试

最近开发接触到了文字选中复制的情况,参照mdn的说法,在火狐下愉快的完成了复制,但是在谷歌下却遇到了问题.
mdn文档: https://developer.mozilla.org/zh-CN/docs/Web/API/Range

[Deprecation] The behavior that Selection.addRange() merges existing Range and the specified Range was removed. See https://www.chromestatus.com/features/6680566019653632 for more details.

我本想使用js选择多个不同的段落,然后把他们复制下来,在火狐浏览器下是正常的,在谷歌浏览器下出现了上面的错误,

谷歌的资料文档

https://www.chromestatus.com/features#addrange

原来在谷歌浏览器下,不能多次addRange.

知道了这一点,问题就好解决了,我们可以把要复制的段落的html赋值到另一个元素里,这个元素高度只有1px,溢出不可见.然后只把这个元素复制走就可以了.

我的问题如图:
我本希望通过选择不同的段落,直接复制走这三段,firefox正常,chorme出现错误,最后实现的方法是新建一个元素,把要复制的html用js添加到这个元素上,最会只需要选择这一个元素就可以了

有关createRange和window.selection.addRange的兼容测试相关推荐

记录-Selection.addRange() 已弃用，该如何解决
Selection.addRange已弃用,该如何解决问题解决方法附加问题当你在使用window.getSelection().addRange(),出现以下报错解决方法在使用addRa ...
在window系统上对web项目进行safair兼容测试
在window系统上对web项目进行safair兼容测试公司需求:需要在safair上进行兼容测试,但是没有mac 解决方案:通过安装虚拟机,在虚拟机上装一个 mac os 下载 virtual B ...
APP开发流程实例讲解-儒释道网络电台八天开发全程-百度云深度兼容测试并进一步优化排错
APP开发流程实例讲解-儒释道网络电台八天开发全程之百度云深度兼容测试并进一步优化排错 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studi ...
android应用测试机型,app兼容测试选择哪些机型才够全面呢？
原标题:app兼容测试选择哪些机型才够全面呢? 各位搜狗测试的小伙伴们,我们又相遇在一个美好的周末了,今天让我们一起讨论一下如何选择兼容机型. 01 首先,我们先了解一下什么是兼容测试,兼容测试的表现 ...
【转载】浏览器测试工具有哪些浏览器安全性能内核兼容测试工具推荐
浏览器测试工具有哪些浏览器安全性能内核兼容测试工具推荐时间:2019-03-01 15:12 来源:未知作者:浏览器家园浏览器测试工具有哪些浏览器安全性能内核兼容测试工具推荐好 ...
html浏览器兼容测试工具,13个不同浏览器兼容性测试的免费软件工具
网页制作poluoluo文章简介:这里是网络上传播较多的13个不同操作系统中各色浏览器兼容性测试的软件工具. 前端开发人员最头疼的,莫过于形形色色的浏览器间的兼容性问题.每天绞尽脑汁地为这些本不应该存 ...
WEB测试—兼容测试
现在的操作系统,浏览器越来越多样性,导致软件兼容性测试在目前软件测试领域占有很重要的地位,我在测试项目经历中,以浏览器的兼容测试为主,平台.分辨率为辅. (我的经验前提:我测试过3类的不同行业的web ...
在线android机型测试,免费兼容测试/MonkeyTest/100款安卓机型真机测试
产品介绍: 云兼容测试包括移动APP应用Android真机设备兼容性测试和8款主流IOS真机设备兼容性测试,用户通过上传需要测试的APK包或IPA包,远程启动云主机进行应用的安装.启动.运行.卸载操作 ...
天下大事必作于细，聊聊腾讯兼容测试的升级“打怪”历程
WeTest导读互联网产品测试,测试的是产品质量,但也同时考验着测试者的质量. 什么是兼容性测试?指的是设计程序与硬件.软件之间的兼容性的测试,考验的是程序,软件,硬件三者的能力,缺一不可.而什么是 ...

有关createRange和window.selection.addRange的兼容测试

有关createRange和window.selection.addRange的兼容测试相关推荐

最新文章

热门文章