免登录复制脚本学习

google

google查看网页元素快捷键：Ctrl + Shift + i

vscode

网址输入vscode.dev，打开vscode网页版。

CSDN

// ==UserScript==
// @name         CSDN 
// @namespace    
// @version      1.0
// @description  CSDN免登录复制
// @author       author
// @match        https://blog.csdn.net/*/article/details/*
// @icon         https://g.csdnimg.cn/static/logo/favicon32.ico
// @license      AGPL - 3.0
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';
    //获取所有代码块
    let codes=document.querySelectorAll("code");
    //循环遍历所有代码块
    codes.forEach(c=>{
        //设置代码块可以编辑，从而实现复制
        c.contentEditable="true";
    });
})();

• // UserScript: 这行注释告诉用- 户脚本管理器（如Tampermonkey），此脚本文件的元数据信息。
• @name: 给脚本命名。
• @namespace: 命名空间。
• @version: 脚本版本号。
• @description: 描述了脚本的功能。
• @author: 脚本作者。
• @match: 检测到匹配网站的URL。
• @icon: 显示在菜单中的图标。
• @license: 脚本使用的许可证。
• @grant: 声明该脚本将使用的函数和变量。
• (function() { … })();: 将代码封装在自执行函数中，防止变量污染全局作用域。
• ‘use strict’;: 强制使用 JavaScript 的严格模式。

'use strict'; - 开启严格模式，使代码更加规范。

GM_addStyle(".passport-login-container{display:none!important;}"); - 使用GM_addStyle函数将CSS样式添加到页面中，隐藏登录框。

$(".hljs-button").attr("data-title", "免登录复制"); - 使用jQuery选择器选中所有类名为"hljs-button"的元素，并将其data-title属性值设置为"免登录复制"。

$(".hljs-button").click(function(){...}); - 给所有类名为"hljs-button"的元素添加点击事件。

GM_setClipboard(this.parentNode.innerText); - 使用GM_setClipboard函数将当前元素的父节点的文本内容复制到剪贴板中。

$(".hljs-button").attr("data-title", "复制成功"); - 将当前元素的data-title属性值设置为"复制成功"。

setTimeout(function(){...}, 1000); - 使用setTimeout函数延迟1秒后执行回调函数。

$(".hljs-button").attr("data-title", "免登录复制"); - 将当前元素的data-title属性值重新设置为"免登录复制"。