解决网页不能复制的办法

背景

我司对外网使用了拦截，导致CSDN无法登录，但是工作中时不时会参考一下CSDN的代码（一键复制），而鼠标放到代码上面则会提示登陆后复制，这就很伤心难过了。

解决CSDN登陆后复制的2种办法

方法一

1、鼠标右键想要复制的代码（一定要将光标放到代码上面），然后选择检查，进入到开发者模式。

2、选择Elements进入元素。

3、选择Styles进入样式。

4、在styles下方有个filter筛选器，输入select。

5、搜索结果里面有一些user-select：none（包括webkit-user-select：none）相关的字段，注意有两块地方，我们需要把他们前面的勾选框取消掉。

如嫌麻烦的，也可以使用下面的方法

1、首按下键盘F12键，打开开发者工具。

2、然后按下 ctrl + f 启用搜索功能，搜索框输入select，会找到如下代码

<style>
　　#content_views pre{
　　　　-webkit-touch-callout: none;
　　　　-webkit-user-select: none;
　　　　......

 3、删除搜索到的代码的整个<style>元素，最后再次按F12，关闭开发者工具，就可以直接复制了。

然后就可以选择和复制了。主要是解决无法选中代码的问题

方法二

1、鼠标右键想要复制的代码（一定要将光标放到代码上面），然后选择检查，进入到开发者模式。

2、选择Elements进入元素。

3、随便点击一下elements下方的代码块，然后按Ctrl+F进入搜索，输入user-select，我们需要找到一个style的标签，然后右键选择Delete element将这个标签删除。

然后也就可以复制代码了。

个人比较推荐第二种方式。

附加

禁用JS解决网页无法复制的问题

F12进入开发者模式，进入Console控制台，选择设置，选择preferences，找到Debugger，勾选Disable JavaScript，注意复制的时候不要关闭开发者模式。

 

 

出处：https://blog.csdn.net/NoviceZ/article/details/128254781

=======================================================================================

CSDN复制限制破解方法

事件移除法

浏览器F12选择元素，然后选择右边的事件，选择copy事件，把它移除就完事了。

此方法只能在chrome内核浏览器使用，如果IE之类的浏览器就不适用了。

 

插件破解法

插件也只是把红海豚网络以上方法集合成了插件，不需要手动操作，只需一点即可。

类似插件网上非常多，分享一款插件，下载地址：https://www.jingsounet.com/crx/zck.crx

 

 

出处：http://www.gxhht.com/new/328.html

 

=======================================================================================

油猴脚本--解除 CSDN 代码复制限制

修改了标题功能之外，自己写了一些附加功能。但是油猴上有更加成熟的脚本

// ==UserScript==
// @name         csdnCopy
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  解决csdn登录后才能复制、优化“关注阅读更多”功能、去除复制后的copyright小尾巴
// @author       You
// @match        https://blog.csdn.net/*
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';
 
    //优化登陆后复制
    $('code').css({'user-select':'unset'})
    $('#content_views pre').css({'user-select':'unset'})
 
    //移除“登陆后复制”按钮
     $('.hljs-button').remove();
    //移除readmore按钮，并显示全文
    $('.hide-article-box').remove();
    $('.article_content').css({'height':'initial'})
 
    //去除复制后的copyright小尾巴
    document.querySelectorAll('*').forEach(item=>{
    item.oncopy = function(e) {
        e.stopPropagation();
    }
})

})();

 

 

出处：https://blog.csdn.net/intmain_S/article/details/121090631

=======================================================================================

个人使用

我根据上面的的脚本代码进行了优化：

// ==UserScript==
// @name         csdnCopy
// @namespace    http://tampermonkey.net/
// @version      0.2.3
// @description  解决csdn登录后才能复制、优化“关注阅读更多”功能、去除复制后的copyright小尾巴
// @author       Jack
// @match        *blog.csdn.net/*
// @match        http*://blog.csdn.net/*
// @grant        none
// ==/UserScript==

(function (){
    'use strict';

    //优化登陆后复制
    $('code').css({'user-select':'unset'})
    $('#content_views pre').css({'user-select':'unset'})

    //移除“登陆后复制”按钮
    $('.hljs-button').remove();
    //移除readmore按钮，并显示全文
    $('#article_content').css({'height':'initial'});
    $('.hide-article-box').remove();
    //隐藏自动显示登录框
    //$(".passport-login-container").css({'display':'none'});
    $(".passport-login-container").remove();
    //移除头部固定的作者信息
    $(".column_info_box").remove();


    //去除复制后的copyright小尾巴
    document.querySelectorAll('*').forEach(item=>{
        item.oncopy = function(e) {
            e.stopPropagation();
        }
    });
})();