网页复制代码,不想登录复制,怎么办?

110 阅读1分钟

现在很多网站都要登录之后才可以复制,但是有时候真不想登录乱七八糟的网站,可以试试一下办法。

在控制台输入以下代码串。

解释:document.querySelectorAll('#content');获取代码块元素。注意:有时候也不一定就是id='content',可能是code标签,根据实际情况改哈,


// 遍历每个 <pre> 元素
var preElements = document.querySelectorAll('#content');
preElements.forEach(function(preElement) {

// 创建复制按钮

var copyButton = document.createElement('button');

copyButton.className = 'copy-button';

copyButton.textContent = '复制';

// 添加点击事件处理程序

copyButton.addEventListener('click', function() {

// 获取当前按钮所属的 <pre> 元素中的文本内容

var textContent = preElement.textContent.trim();

// 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容

var tempTextarea = document.createElement('textarea');

tempTextarea.value = textContent;

// 将临时 textarea 添加到文档中

document.body.appendChild(tempTextarea);

// 选中临时 textarea 中的文本内容并执行复制操作

tempTextarea.select();

document.execCommand('copy');

// 移除临时 textarea 元素

document.body.removeChild(tempTextarea);

// 更新按钮文本为 "已复制"

this.textContent = '已复制';

});

// 将按钮添加到 <pre> 元素前面

preElement.parentNode.insertBefore(copyButton, preElement);

});