🎉 3种方法复制CSDN代码 🎉

3种方法复制CSDN代码

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

目录1、检查网页源码手动更改2、打开控制台执行一条命令3、使用浏览器扩展组件4、参考连接

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

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

点击图片放大

修改code标签的这个css属性user-select: text;

点击图片放大

有时也要修改pre这个标签的css属性user-select: text;

点击图片放大

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

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

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

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

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

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

点击图片放大

如果上面代码无效,可以试试在控制台(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浏览器都可以安装使用,测试有效。

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

点击图片放大

4、参考连接

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

✨ 相关推荐 ✨

Apache服务轻松启动指南:三步教你快速配置与启动!
365速发国际是黑平台吗

Apache服务轻松启动指南:三步教你快速配置与启动!

🎯 08-10 👁️ 4506
什么是蜂蜜提取?收获纯净蜂蜜完全指南
仿bus365

什么是蜂蜜提取?收获纯净蜂蜜完全指南

🎯 07-24 👁️ 1614
谪仙美人骨
仿bus365

谪仙美人骨

🎯 06-29 👁️ 4964