3种方法复制CSDN代码
CSDN代码要登录才能复制,使用体验不太好,以下三种方法可以解决。
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、参考连接
文章作者: jianmuzi
文章出处: https://www.cnblogs.com/jianmuzi/p/16707665.html
版权声明: 本博客为学习时整理的笔记,文章 [大部分为原创] 作品,转载请 [注明文章出处] ,您的支持是我创作的动力!
转载文章,请遵守《中华人民共和国著作权法》相关规定或遵守《署名CC BY-ND 4.0国际》禁止演绎规范,携带原创出处转载。
文章出处: https://www.cnblogs.com/jianmuzi/p/16707665.html
版权声明: 本博客为学习时整理的笔记,文章 [大部分为原创] 作品,转载请 [注明文章出处] ,您的支持是我创作的动力!
转载文章,请遵守《中华人民共和国著作权法》相关规定或遵守《署名CC BY-ND 4.0国际》禁止演绎规范,携带原创出处转载。