【小工具合集】我只是复制个代码，还要我登录？csdn免登录复制实现

---

前言

  之前在解决问题的时候，搜到了一篇csdn文章，正当准备cv代码之时，居然触发了“需要登录才能复制”的弹窗事件，于是我勃然大怒😡😡，决定写下此文章，让世间之人不再需要登录即可复制代码，享受便捷cv~~

---

正文

  其实出现在前端的东西，大部分都没什么秘密可言。你再怎么混淆、打乱，只要找到其中的规律，还是能解析出来内容，只是时间成本多少罢了。话不多说，开始解析！

分析网页dom

随便找一遍博客，开始下手😜😜！

  代码都集中在这个class下，那就好办了，这边需要一点jquery知识，当然你用原生js也行。

  咱们先获取到页面的这个dom元素，判断是选择了具体语言的代码段（具体语言比如python代码段，JavaScript代码段）还是通用的代码段（二者在dom结构上有区别），然后分别采取不同的策略提取内容，直接上核心代码！

代码实现

$(function(){
    var copyButton = $('<button class="noCopyBtn">').text('免登录复制').css({
        "position":"absolute",
        "right":"15px",
        "bottom":"15px"
    });
    $(".hide-preCode-bt").click()
    copyButton.click((e)=>{
        var txt = ''
        var typeNode = $(e.target).siblings("code").children().first()
        var tagName = $(typeNode).prop('tagName');
        if (tagName==='SPAN'){
            // 作者插入代码块时选择了具体语言类型
            txt = $(e.target).siblings("code").text()
        }else if (tagName==='OL'){
            // 未选择，都是<li>标签
            let nodeArr = $(e.target).siblings("code").find('.hljs-ln-line')
            for (let index = 0; index < nodeArr.length; index++) {
                const node = nodeArr[index];
                txt+=$(node).text()+"\n"
            }
        }
        console.log(txt)
        navigator.clipboard.writeText(txt)
    })
    $(".set-code-show").append(copyButton)
})

  这个是最基本的实现，当然你也可以对按钮样式进行美化，点击之后再来一个“复制成功”的提示，我这边就不做了。

---

总结

  以上就是csdn如何免登录复制代码，呜呜~~官方不会针对我吧，竟然在csdn平台分享如何免登录复制csdn代码，哈哈，请官方格局打开，知识分享更重要😄😄！

  我这边做成了浏览器扩展的形式，更方便使用。下载文件后，到浏览器扩展那边点击“加载本地扩展”，选择代码对应的文件夹就能运行。

完整代码关注公众号【好券菌】，回复【免登录复制】领取~~