我的技术记录

JS复制网页内容

/ JScript,技巧经验 / 浏览:275 位置： Home » JScript,技巧经验 »

1、浏览器中按F12打开开发者模式
2、选择Elements，点击待复制的页面内容部分，记住对应的id或classname
3、将下列代码全部粘贴到console面板中，根据第二步适当修改一下copyUrl2("#reader-container");按回车运行一下 

4、到目标文档比如notepad或word中，右键粘贴一下即可。      

function copyUrl2(ele) {
   var Url2 = document.querySelector(ele).innerText;
   /*原来是input，无法复制换行内容，现改为textarea */
   var oInput = document.createElement('textarea');
   oInput.value = Url2;
   document.body.appendChild(oInput);
   oInput.select(); /*选择对象*/
   document.execCommand("Copy"); /*执行浏览器复制命令*/
   oInput.className = 'oInput';
   oInput.style.display = 'none';
   /*alert('复制成功');*/
}
copyUrl2("#reader-container");

  以下可以复制有换行回车的内容 

/**
* 复制到剪切板
*/
function copyContent() {
   var name = '姓名：' + $('#name').text() + " \n";
   var detail = '详细地址：' + $('#detail').text() + " \n";
   var city = '城市：' + $('#city').text() + " \n";
   var postcode = '邮编：' + $('#postcode').text() + " \n";
   var country = '国家：United Kingdom' + " \n";
   var telephone = '电话：' + $('#telephone').text() + " \n";
   var content = name.concat(detail, city, postcode, country, telephone);

   /*使用textarea支持换行，使用input不支持换行*/
   const textarea = document.createElement('textarea');
   textarea.value = content;
   document.body.appendChild(textarea);

   textarea.select();
   if (document.execCommand('copy')) {
       document.execCommand('copy');
       alert(content);
   }
   document.body.removeChild(textarea);
}
copyContent();

只有带输入框，才能使用复制功能，所以此处曲线救国。把需要复制的，放入自己创建的输入框中，然后再从中复制出来。

使用input无法换行，故选择textarea.

附：从某帮中复制内容，注意提前预判是文本的才行。直接复制到编辑器的hml模式中即可，一切格式及图片全部保留。

document.querySelector("#app > div > div.question-result > div.block > div > div > div > div.question > div.content > div").innerHTML


复制