当前位置:首页 > 实用技巧 >

如何批量复制网页内容(如何复制网页全部内容)

来源:原点资讯(www.yd166.com)时间:2023-07-30 20:31:03作者:YD166手机阅读>>

从方法名可以看出,writeText()方法仅支持写入文本,无其他数据类型的需求可直接使用该方法。

navigator.clipboard.writeText("想复制的文本作为参数") .then(() => { /* 剪贴板写入成功 */ }, () => { /* 剪贴板写入失败 */ });

write()

如何批量复制网页内容,如何复制网页全部内容(5)

write()方法支持写入任意格式的数据至剪贴板,但传参的数据需要经过特殊处理,参考MDN文档有提供一些方法。


对于图片数据,常用的处理方法是利用Clipboard API提供的ClipboardItem接口,以MIME类型为key和blob为value的对象作为其参数,new一个相关实例,再作为write()方法的参数,写入剪贴板。

// 已准备好图片blob数据后 执行 navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]) .then(() => { /* 剪贴板写入成功 */ }, () => { /* 剪贴板写入失败 */ });

需要注意的是以上两种方法均为异步执行,执行成功与失败都有相应的回调。

介绍完复制要用的基础API,下面分别详细介绍下复制文本内容和图片内容的具体方法。
以下,推荐方法基于Clipboard API,向下兼容方法基于 document.execCommand(‘copy’)。

document.execCommand(‘copy’)

相关MDN外链地址

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

(请复制链接到浏览器中打开)

兼容性

document.execCommand(‘copy’)向document提供的execCommand方法传参"copy"所得的方法,该方法已被官方标记为弃用,较老版本的浏览器仍支持,可能在未来某版本中就会将它完全抹掉。

如何批量复制网页内容,如何复制网页全部内容(6)

因此该方法仅适合在确定需要兼容不支持新方法的浏览器/WebView中使用。

验证目标浏览器是否支持该方法:
打开控制台输入document.execCommand(‘copy’)后回车,返回true就是支持,false就是不支持。

如何批量复制网页内容,如何复制网页全部内容(7)

题外话:
读取用户剪贴板内容由于严重涉及到用户隐私,且使用

document.execCommand(‘paste’)粘贴没有一个明确获取用户权限的过程,该方法目前已完全被浏览器禁掉,因此在控制台输入它后返回的是false。

如何批量复制网页内容,如何复制网页全部内容(8)

栏目热文

如何把不能复制的网页复制下来(怎么快速复制不能复制的网页)

如何把不能复制的网页复制下来(怎么快速复制不能复制的网页)

相信很多朋友在工作和生活中,都从网上找过资料,可是有很多文档都需要付费,大部分人只能失望的关闭页面。今天我就来教大家4个...

2023-07-30 20:41:18查看全文 >>

怎样一键复制网页内容(怎么快速复制网页内容)

怎样一键复制网页内容(怎么快速复制网页内容)

平常在网上查找资料的时候,总是会有一些文档无法下载、甚至有时连复制都不行。这可怎么办?别急,今天我们就来介绍一些网页复制...

2023-07-30 20:41:12查看全文 >>

如何一键复制网页全部内容(怎样批量复制网页)

如何一键复制网页全部内容(怎样批量复制网页)

相信大家平时都会复制网页上面的一些东西,但是很多时候都复制不了,甚至要让我们买VIP,这也太坑了吧!还好,只要你学会下面...

2023-07-30 20:21:44查看全文 >>

怎么把一个网页完整的复制下来(如何把网页全部复制下来)

怎么把一个网页完整的复制下来(如何把网页全部复制下来)

#头条创作挑战赛#大家在上网的时候肯定碰到需要复制文本的情况。比如我们看到一段很好的句子想把它复制下来,或者看到一段有用...

2023-07-30 20:58:32查看全文 >>

网页如何一键复制(整个网页复制教程)

网页如何一键复制(整个网页复制教程)

在工作和学习中,经常需要用电脑查找资料,但是很多网页上的文档并不能直接复制或者下载,每次复制都要很麻烦,今天笔者分享的就...

2023-07-30 20:35:25查看全文 >>

怎样复制网页上不能复制的内容(解除网页禁止复制文字)

怎样复制网页上不能复制的内容(解除网页禁止复制文字)

在网上搜索资料的时候,我们常常需要将有用的内容复制下来。但你以为所有的网站内容都可以“复制-粘贴”吗?不难发现,很多网站...

2023-07-30 20:36:00查看全文 >>

怎么在网页复制单独内容(怎么让网页内容可复制)

怎么在网页复制单独内容(怎么让网页内容可复制)

在日常的网页浏览中,我们常常遇到想要复制网页文章的情况,但有时候复制文字并不那么简单。不过,别担心!本文将为您介绍5个小...

2023-07-30 20:45:38查看全文 >>

怎么把无法复制的网页复制下来(怎么快速复制不能复制的网页)

怎么把无法复制的网页复制下来(怎么快速复制不能复制的网页)

我们在日常办公的时候,经常需要在网上找一些资料信息,有的时候,找到自己想要的内容,但是当你想快速复制粘贴给自己用的时候,...

2023-07-30 20:28:03查看全文 >>

怎样复制整个网页内容(如何复制网页全部内容)

怎样复制整个网页内容(如何复制网页全部内容)

我们平时在办公或写材料时需要从网上复制些文字,但是相当一部分网站拒绝复制,有些网站是需要关注他的公众号才可以复制,有些是...

2023-07-30 20:56:04查看全文 >>

如何批量复制网页(如何批量复制网页链接)

如何批量复制网页(如何批量复制网页链接)

Link Grabber 是一款能够批量提取、筛选、复制网页里各种链接的 Chrome 扩展,360浏览器等也可使用。昨...

2023-07-30 20:31:08查看全文 >>

文档排行