tampermonkey 如何引用Jquery+CSDN阅读模式案例

最新推荐文章于 2025-06-10 10:30:00 发布

喵学长

最新推荐文章于 2025-06-10 10:30:00 发布

阅读量1.5w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： # 【前端技术】

本文链接：https://blog.csdn.net/qq_35448976/article/details/75172784

【前端技术】专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何在Tampermonkey中引用jQuery，通过添加@require指令并指定jQuery的官方CDN地址，以实现CSDN阅读模式的功能。简单易懂的步骤帮助用户改善CSDN的阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开你的 tampermonkey 然后

在标题头上面添加 @require 后面是一个jq的文件地址。你可以查找Jquery的官方CDN加速。

// @require http://code.jquery.com/jquery-1.11.0.min.js

测试：CSDN阅读模式；

(function() {
    'use strict';
        var fa=$("body");
        var btn=$("<li></li>");
        var json={
            "background":"#31e16d",
            "height":"16px",
            "padding":"5px",
            "cursor": "pointer",
            "top":"300px",
            "right":"80px",
            "position": "fixed"
        };
        btn.css(json);
        btn.html("<span id='lfsenior'>开启阅读模式</span>");
        fa.append(btn);
        var bodywidth=$("#body").css("width");
        var mainwidth=$("#main").css("width");
        btn.click(function () {
            if($("#lfsenior").html()=="开启阅读模式"){
                $("#lfsenior").html("关闭阅读模式");
                $("#body").css("width","100%");
                $("#main").css("width","100%");
                $(".csdn-tracking-statistics").hide();
                $("#article_content").siblings(".similar_article").hide();
                $("#res-relatived").hide();
                $("#side").hide();
                $("#comment_title").parent("div").hide();
                $("#pub_footerall").parent("div").hide();
            }else{
                console.log(3435);
                console.log(456);
                $("#lfsenior").html("开启阅读模式");
                $("#body").css("width",bodywidth);
                $("#main").css("width",mainwidth);
                $(".csdn-tracking-statistics").show(1000);
                $("#article_content").siblings(".similar_article").show(1000);
                $("#res-relatived").show(1000);
                $("#side").show(1000);
                $("#comment_title").parent("div").show(1000);
                $("#pub_footerall").parent("div").show(1000);
            }
        });
    // Your code here...
})();