Tampermonkey 实现 csdn 免登陆复制-CFANZ编程社区

Tampermonkey 实现 csdn 免登陆复制

文章目录

安装插件
编写注释
编写代码
测试效果

安装插件

chrome 添加 Tampermonkey 插件
打开管理面板

Tampermonkey 实现 csdn 免登陆复制_ico

打开 mdn web 文档学习 contenteditable
打开csdn 任意博客界面，未登录状态会发现无法复制代码
编写代码

CsdnCopy.js

//获取所有代码块
let codes = document。querySelectorALL("code");
//循环遍历所有代码块
codes.forEach(c => {
    //设置代码块可以编辑，从而实现可赋值
    c.contentEditable = "true";
});

6.Tampermonkey 添加脚本

Tampermonkey 实现 csdn 免登陆复制_免登陆_02

编写注释

匹配URL

获取图标，在网页按F12，

Tampermonkey 实现 csdn 免登陆复制_ico_03

注释内容：

// ==UserScript==
// @name  
// @version      1.0scription 制代码
// @author       ghostwritten
// @match

按CTRL + s（保存），效果展示

Tampermonkey 实现 csdn 免登陆复制_前端_04

编写代码

代码美化

Tampermonkey 实现 csdn 免登陆复制_免登陆_05

最终代码：

// ==UserScript==


(function() {
    //获取所有代码块
    let codes = document.querySelectorALL("code");
    //循环遍历所有代码块
    codes.forEach(c => {
        //设置代码块可以编辑，从而实现可赋值
        c.contentEditable = "true";
    });
})();