3种方法复制CSDN代码

CSDN代码要登录才能复制,使用体验不太好,以下三种方法可以解决。


1、检查网页源码手动更改

操作方法:在代码区域左上角点击鼠标右键,然后点击“检查”。

检查源代码
点击图片放大

修改code标签的这个css属性user-select: text;
code标签
点击图片放大


有时也要修改pre这个标签的css属性user-select: text;
pre标签
点击图片放大


如果还不行,就需要继续把监听copy的事件都删掉
EventsListener

经过这样修改,就可以复制代码了。


2、打开控制台执行一条命令

请注意,该方法不一定适用于所有浏览器,我的测试环境是chrome浏览器,测试成功。

打开网页后,按F12到控制台(Console),然后输入如下命令代码,按回车键执行,然后可通过 CTRL X 剪切的方式来复制代码。

javascript:document.body.contentEditable='true';document.designMode='on'; void 0

img
点击图片放大

如果上面代码无效,可以试试在控制台(Console)输入如下代码,按回车键执行命令。

javascript:window.oncontextmenu=document.oncontextmenu=document.oncopy=null; [...document.querySelectorAll('body')].forEach(dom => dom.outerHTML = dom.outerHTML); [...document.querySelectorAll('body, body *')].forEach(dom => {['onselect', 'onselectstart', 'onselectend', 'ondragstart', 'ondragend', 'oncontextmenu', 'oncopy'].forEach(ev => dom.removeAttribute(ev)); dom.style['user-select']='auto';});

这个方法比第一种方法好用快捷,不过你要把这些代码收藏备用。


需要跳过关注,以下代码可以尝试一下

var article_content=document.getElementById("article_content");
article_content.removeAttribute("style");
 
var follow_text=document.getElementsByClassName('follow-text')[0];
follow_text.parentElement.parentElement.removeChild(follow_text.parentElement);
 
var  hide_article_box=document.getElementsByClassName(' hide-article-box')[0];
hide_article_box.parentElement.removeChild(hide_article_box);

3、使用浏览器扩展组件

除了上述两种方法外,你还可以使用浏览器扩展组件来复制CSDN代码,这个扩展组件名称是Simple allow copy,在Edge、firefox、chrome浏览器都可以安装使用,测试有效。

使用浏览器扩展组件Simple Allow Copy复制CSDN代码

使用方法,在浏览器工具栏上点击一下组件图标,看到图标变“亮”就表示可复制代码了。

img

img
点击图片放大


4、参考连接

http://www.webkaka.com/tutorial/zhanzhang/2022/0310131/

posted @ 2022-09-19 15:03  jianmuzi  阅读(29752)  评论(0编辑  收藏  举报
TOP 底部