☰

CSDN|简书优化

支持手机端和PC端

当前为 2023-01-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         CSDN|简书优化
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.4.8
  5. // @description  支持手机端和PC端
  6. // @author       MT-戒酒的李白染
  7. // @include      http*://www.csdn.net/*
  8. // @include      http*://bbs.csdn.net/*
  9. // @include      http*://www.jianshu.com/*
  10. // @include      http*://*blog.csdn.net/*
  11. // @include      http*://download.csdn.net/*
  12. // @include      http*://huaweicloud.csdn.net/*
  13. // @grant        GM_addStyle
  14. // @grant        GM_registerMenuCommand
  15. // @grant        GM_unregisterMenuCommand
  16. // @grant        GM_getValue
  17. // @grant        GM_setValue
  18. // @grant        GM_deleteValue
  19. // @grant        GM_listValues
  20. // @grant        unsafeWindow
  21. // @run-at       document-start
  22. // @require	     https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.4.1/jquery.min.js
  23. // @require      https://greasyfork.org/scripts/455186-whitesevsutils/code/WhiteSevsUtils.js?version=1135447
  24. // @require      https://greasyfork.org/scripts/449471-viewer/code/Viewer.js?version=1081056
  25. // ==/UserScript==
  26.  
  27. (function () {
  28.   "use strict";
  29.   var GM_Menu = {
  30.     data: {
  31.       removeCSDNDownloadPC: {
  32.         text: "电脑-移除文章底部的CSDN下载",
  33.         enable: false,
  34.       },
  35.       articleCenter: {
  36.         text: "电脑-全文居中",
  37.         enable: true,
  38.       },
  39.       showDirect: {
  40.         text: "手机-标识处理过的底部推荐文章",
  41.         enable: true,
  42.       },
  43.       openNewTab: {
  44.         text: "手机-底部推荐文章新标签页打开",
  45.         enable: true,
  46.       },
  47.       removeCSDNDownloadMobile: {
  48.         text: "手机-移除文章底部的CSDN下载",
  49.         enable: false,
  50.       },
  51.     },
  52.     init: function () {
  53.       /* 初始化数据 */
  54.       let _this_ = this;
  55.       Object.keys(this.data).forEach((key) => {
  56.         let value = GM_getValue(key);
  57.         if (value == null) {
  58.           GM_setValue(key, _this_.data[key].enable);
  59.           value = GM_getValue(key);
  60.         }
  61.         _this_.data[key]["enable"] = value;
  62.       });
  63.     },
  64.     register: function () {
  65.       /* 注册油猴菜单 */
  66.       let _this_ = this;
  67.       Object.keys(this.data).forEach((key) => {
  68.         let text = _this_.data[key]["text"];
  69.         let enable = _this_.data[key]["enable"];
  70.         let showText = "[" + (enable ? "√" : "×") + "]" + text;
  71.         GM_registerMenuCommand(showText, function () {
  72.           GM_setValue(key, enable ? false : true);
  73.           window.location.reload();
  74.         });
  75.       });
  76.     },
  77.   };
  78.   function waitForElementToRemove(_query_ = "") {
  79.     /* 移除元素（未出现也可以等待出现） */
  80.     Utils.waitForDOM(_query_).then((dom) => {
  81.       dom.forEach((item) => {
  82.         $(item).remove();
  83.       });
  84.     });
  85.   }
  86.   function JianShu() {
  87.     /* 简书 */
  88.     function isJianShu() {
  89.       /* 判断是否是 简书 */
  90.       return Boolean(/jianshu.com/i.test(window.location.origin));
  91.     }
  92.     function PC() {
  93.       console.log("简书");
  94.       const css = `
  95.       .download-app-guidance,
  96.       .call-app-btn,
  97.       .collapse-tips,
  98.       .note-graceful-button,
  99.       .app-open,
  100.       .header-wrap,
  101.       .recommend-wrap.recommend-ad,
  102.       .call-app-Ad-bottom,
  103.       #recommended-notes p.top-title span.more,
  104.       #homepage .modal,
  105.       button.index_call-app-btn,
  106.       span.note__flow__download,
  107.       .download-guide,
  108.       #footer,
  109.       .comment-open-app-btn-wrap,
  110.       .nav.navbar-nav + div{
  111.         display:none !important;
  112.       }
  113.       body.reader-day-mode.normal-size {
  114.         overflow: auto !important;
  115.       }
  116.       .collapse-free-content{
  117.         height:auto !important;
  118.       }
  119.       .copyright{
  120.         color:#000 !important;
  121.       }
  122.       #note-show .content .show-content-free .collapse-free-content:after{
  123.         background-image:none !important;
  124.       }
  125.       `;
  126.       GM_addStyle(css);
  127.       Utils.waitForDOM('div#homepage div[class*="dialog-"]').then((dom) => {
  128.         if (dom.length) {
  129.           dom[0].style["visibility"] = "hidden";
  130.         }
  131.       });
  132.       Utils.mutationObserver('div#homepage div[class*="dialog-"]', {
  133.         fn: (mutations) => {
  134.           if (mutations.length == 0) {
  135.             return;
  136.           }
  137.           if (mutations[0].target.style["display"] != "none") {
  138.             document
  139.               .querySelector('div#homepage div[class*="dialog-"] .cancel')
  140.               ?.click();
  141.           }
  142.         },
  143.         config: {
  144.           /* 子节点的变动（新增、删除或者更改） */
  145.           childList: false,
  146.           /* 属性的变动 */
  147.           attributes: true,
  148.           /* 节点内容或节点文本的变动 */
  149.           characterData: true,
  150.           /* 是否将观察器应用于该节点的所有后代节点 */
  151.           subtree: true,
  152.         },
  153.       });
  154.     }
  155.     if (isJianShu()) {
  156.       PC();
  157.     }
  158.   }
  159.   function CSDN() {
  160.     /* csdn-移动端 */
  161.     function isCSDN() {
  162.       /* 判断是否是 CSDN */
  163.       return Boolean(/csdn.net/i.test(window.location.origin));
  164.     }
  165.     function Mobile() {
  166.       /* 移动端 */
  167.       console.log("CSDN-移动端");
  168.       const css = `
  169.       #mainBox{
  170.         width: auto;
  171.       }
  172.       .user-desc.user-desc-fix{
  173.         height: auto  !important;
  174.         overflow: auto !important;
  175.       }
  176.       #operate,.feed-Sign-span,
  177.       .view_comment_box,
  178.       .weixin-shadowbox.wap-shadowbox,
  179.       .feed-Sign-span,
  180.       .user-desc.user-desc-fix,
  181.       .comment_read_more_box,
  182.       #content_views pre.set-code-hide .hide-preCode-box,
  183.       .passport-login-container,
  184.       .hljs-button[data-title='登录后复制'],
  185.       .article-show-more,
  186.       #treeSkill,
  187.       div.btn_open_app_prompt_div,
  188.       div.readall_box,
  189.       div.aside-header-fixed{
  190.         display:none !important;
  191.       }
  192.       .GM-csdn-dl{
  193.         padding: .24rem .32rem;
  194.         width: 100%;
  195.         justify-content: space-between;
  196.         -webkit-box-pack: justify;
  197.         border-bottom: 1px solid #F5F6F7!important;
  198.       }
  199.       .GM-csdn-title{
  200.         font-size: .3rem;
  201.         color: #222226;
  202.         letter-spacing: 0;
  203.         line-height: .44rem;
  204.         font-weight: 600;
  205.         //max-height: .88rem;
  206.         word-break: break-all;
  207.         overflow: hidden;
  208.         display: -webkit-box;
  209.         -webkit-box-orient: vertical;
  210.         -webkit-line-clamp: 2
  211.       }
  212.       .GM-csdn-title a{
  213.         word-break: break-all;
  214.         color: #222226;
  215.         font-weight: 600;
  216.       }
  217.       .GM-csdn-title em,.GM-csdn-content em{
  218.         font-style: normal;
  219.         color: #fc5531
  220.       }
  221.       .GM-csdn-content{
  222.         //max-width: 5.58rem;
  223.         overflow: hidden;
  224.         text-overflow: ellipsis;
  225.         display: -webkit-box;
  226.         -webkit-line-clamp: 1;
  227.         -webkit-box-orient: vertical;
  228.         color: #555666;
  229.         font-size: .24rem;
  230.         line-height: .34rem;
  231.         max-height: .34rem;
  232.         word-break: break-all;
  233.         -webkit-box-flex: 1;
  234.         -ms-flex: 1;
  235.         flex: 1;
  236.         margin-top: .16rem;
  237.       }
  238.       .GM-csdn-img img{
  239.         width: 2.18rem;
  240.         height: 1.58rem;
  241.         //margin-left: .16rem
  242.       }
  243.       .GM-csdn-Redirect{
  244.         color: #fff;
  245.         background-color: #f90707;
  246.         font-family: sans-serif;
  247.         margin: auto 2px;
  248.         border: 1px solid #ccc;
  249.         border-radius: 4px;
  250.         padding: 0px 3px;
  251.         font-size: xx-small;
  252.         display: inline;
  253.         white-space: nowrap;
  254.       }
  255.       .component-box .praise {
  256.         background: #ff5722;
  257.         border-radius: 5px;
  258.         padding: 0px 8px;
  259.         height: auto;
  260.               
  261.       }
  262.       .component-box .praise,.component-box .share {
  263.         color: #fff;
  264.       }
  265.       .component-box a {
  266.         display: inline-block;
  267.         font-size:xx-small;
  268.       }
  269.       .component-box {
  270.         display: inline;
  271.         margin: 0;
  272.         position: relative;
  273.         white-space:nowrap;
  274.       }
  275.       .csdn-edu-title{
  276.         background: #4d6de1;
  277.         border-radius: 5px;
  278.         padding: 0px 8px;
  279.         height: auto;
  280.         color: #fff !important;
  281.       }
  282.       #comment{
  283.         max-height: none !important;
  284.       }
  285.       #content_views pre,
  286.       #content_views pre code{
  287.         webkit-touch-callout: text !important;
  288.         -webkit-user-select: text !important;
  289.         -khtml-user-select: text !important;
  290.         -moz-user-select: text !important;
  291.         -ms-user-select: text !important;
  292.         user-select: text !important;
  293.       }
  294.       #content_views pre.set-code-hide,
  295.       .article_content{
  296.         height: 100% !important;
  297.         overflow: auto !important;
  298.       }
  299.       `;
  300.       GM_addStyle(css);
  301.       function refactoringRecommendation() {
  302.         /* 重构底部推荐 */
  303.         function refactoring() {
  304.           /* 反复执行的重构函数 */
  305.           $(".container-fluid").each((index, item) => {
  306.             item = $(item);
  307.             var url = ""; /* 链接 */
  308.             var title = ""; /* 标题 */
  309.             var content = ""; /* 内容 */
  310.             var img = ""; /* 图片 */
  311.             var isCSDNDownload = false; /* 判断是否是CSDN资源下载 */
  312.             var isCSDNEduDownload = false; /* 判断是否是CSDN-学院资源下载 */
  313.             if (item.attr("data-url")) {
  314.               /* 存在真正的URL */
  315.               url = item.attr("data-url");
  316.               title = item.find(".recommend_title div.left").html();
  317.               content = item.find(".text").html();
  318.               if (item.find(".recommend-img").length) {
  319.                 /* 如果有图片就加进去 */
  320.                 item.find(".recommend-img").each((_index_, _item_) => {
  321.                   img += $(_item_).html();
  322.                 });
  323.               }
  324.             } else {
  325.               console.log("节点上无data-url");
  326.               url = item.find("a[data-type]").attr("href");
  327.               title = item.find(".recommend_title div.left").html();
  328.               content = item.find(".text").html();
  329.             }
  330.             if (GM_Menu.data.showDirect.enable) {
  331.               /* 开启就添加 */
  332.               title += `<div class="GM-csdn-Redirect">Redirect</div>`;
  333.             }
  334.             var _URL_ = new URL(url);
  335.             if (
  336.               _URL_.origin.match(
  337.                 /download.csdn.net/gi ||
  338.                   _URL_.pathname.match(/www.iteye.com\/resource/gi)
  339.               )
  340.             ) {
  341.               /* 该链接为csdn资源下载 */
  342.               console.log("该链接为csdn资源下载");
  343.               isCSDNDownload = true;
  344.               title += `<div class="component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>`;
  345.             } else if (_URL_.origin.match(/edu.csdn.net/gi)) {
  346.               /* 该链接为csdn学院下载 */
  347.               isCSDNEduDownload = true;
  348.               console.log("该链接为csdn学院下载");
  349.               title += `<div class="component-box"><a class="csdn-edu-title" href="javascript:;">CSDN学院</a></div>`;
  350.             }
  351.             item.attr("class", "GM-csdn-dl");
  352.             item.attr("data-url", url);
  353.             item.html(
  354.               `<div class="GM-csdn-title"><div class="left">${title}</div></div><div class="GM-csdn-content">${content}</div><div class="GM-csdn-img">${img}</div>`
  355.             );
  356.             if (
  357.               (isCSDNDownload || isCSDNEduDownload) &&
  358.               GM_Menu.data.removeCSDNDownloadMobile.enable
  359.             ) {
  360.               item.remove();
  361.             }
  362.             /* $("#recommend")
  363.               .find(".recommend_list")
  364.               .before($("#first_recommend_list").find("dl").parent().html()); */
  365.           });
  366.         }
  367.  
  368.         Utils.mutationObserver("#recommend", {
  369.           fn: () => {
  370.             setTimeout(() => {
  371.               refactoring();
  372.             }, 300);
  373.           },
  374.           config: { childList: true, subtree: true, attributes: true },
  375.         });
  376.  
  377.         gmRecommendClickEvent();
  378.       }
  379.  
  380.       function gmRecommendClickEvent() {
  381.         /* 底部推荐点击跳转事件 */
  382.         $("body").on("click", ".GM-csdn-dl", function () {
  383.           let url = $(this).attr("data-url");
  384.           if (GM_Menu.data.openNewTab.enable) {
  385.             window.open(url, "_blank");
  386.           } else {
  387.             window.location.href = url;
  388.           }
  389.         });
  390.       }
  391.  
  392.       function removeAds() {
  393.         /* 去除广告 */
  394.         waitForElementToRemove(".passport-login-container");
  395.         waitForElementToRemove(".btn_open_app_prompt_box.detail-open-removed");
  396.         waitForElementToRemove(".add-firstAd");
  397.       }
  398.  
  399.       $(document).ready(function () {
  400.         removeAds();
  401.         refactoringRecommendation();
  402.       });
  403.     }
  404.     function PC() {
  405.       /* 桌面端 */
  406.       console.log("CSDN-桌面端访问");
  407.       const css = `
  408.       .ecommend-item-box.recommend-recommend-box,
  409.       .login-mark,
  410.       .opt-box.text-center,
  411.       .leftPop,
  412.       #csdn-shop-window,
  413.       .toolbar-advert,
  414.       .hide-article-box,
  415.       .user-desc.user-desc-fix,
  416.       .recommend-card-box,
  417.       .more-article,
  418.       .article-show-more{
  419.           display: none !important;
  420.       }
  421.       .comment-list-box{
  422.           max-height: none !important;
  423.       }
  424.       .blog_container_aside,
  425.       #nav{
  426.           margin-left: -45px;
  427.       }
  428.       .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  429.           margin-left: 45px;
  430.       }
  431.       #content_views pre code{
  432.           user-select: text !important;
  433.       }
  434.       #article_content,
  435.       .user-article.user-article-hide{
  436.         height: auto !important;
  437.         overflow: auto !important;
  438.       }
  439.   `;
  440.       function removeClipboardHijacking() {
  441.         /* 去除剪贴板劫持 */
  442.         unsafeWindow.articleType = 0;
  443.         unsafeWindow.csdn.copyright.textData = undefined;
  444.         unsafeWindow.csdn.copyright.htmlData = undefined;
  445.         $(".article-copyright")?.remove();
  446.       }
  447.       function unBlockCopy() {
  448.         /* 取消禁止复制 */
  449.         Utils.waitForDOM(".hljs-button.signin").then((dom) => {
  450.           if (dom.length) {
  451.             $(".hljs-button.signin").attr("data-title", "复制");
  452.             $(".hljs-button.signin").on("click", function () {
  453.               const copyBtn = $(this);
  454.               const copyArea = $(this).parent();
  455.               copyBtn.attr("data-title", "复制成功");
  456.               const btnParentElement = Utils.findParentDOM(this, (dom) => {
  457.                 return dom.className == "prettyprint" ? true : false;
  458.               });
  459.               if (btnParentElement) {
  460.                 $(btnParentElement).bind({
  461.                   mouseenter: function (e) {
  462.                     copyBtn.attr("data-title", "复制");
  463.                     $(btnParentElement)
  464.                       .unbind("mouseenter")
  465.                       .unbind("mouseleave");
  466.                   },
  467.                   mouseleave: function (e) {
  468.                     copyBtn.attr("data-title", "复制");
  469.                     $(btnParentElement)
  470.                       .unbind("mouseenter")
  471.                       .unbind("mouseleave");
  472.                   },
  473.                 });
  474.               }
  475.               Utils.setClip(copyArea.text());
  476.             });
  477.           }
  478.         });
  479.       }
  480.       function clickPreCodeAutomatically() {
  481.         /* 点击代码块自动展开 */
  482.         $("pre[data-index]").on("click", function () {
  483.           let obj = $(this);
  484.           obj.css("height", "auto");
  485.           obj.find(".hide-preCode-box")?.remove();
  486.         });
  487.       }
  488.       function restoreComments() {
  489.         /* 恢复评论到正确位置 */
  490.         /* 第一条评论 */
  491.         Utils.waitForDOM(".first-recommend-box").then((dom) => {
  492.           $(".recommend-box.insert-baidu-box.recommend-box-style").prepend(
  493.             $(dom)
  494.           );
  495.         });
  496.         /* 第二条评论 */
  497.         Utils.waitForDOM(".second-recommend-box").then((dom) => {
  498.           $(".recommend-box.insert-baidu-box.recommend-box-style").prepend(
  499.             $(dom)
  500.           );
  501.         });
  502.       }
  503.       function identityCSDNDownload() {
  504.         /* 标识CSDN下载的链接 */
  505.         $(".recommend-item-box[data-url*='https://download.csdn.net/']").each(
  506.           (index, item) => {
  507.             if (GM_Menu.data.removeCSDNDownloadPC.enable) {
  508.               item.remove();
  509.             } else {
  510.               $(item).find(".content-box").css("border", "2px solid red");
  511.             }
  512.           }
  513.         );
  514.       }
  515.  
  516.       function articleCenter() {
  517.         /* 全文居中 */
  518.         if (!GM_Menu.data.articleCenter.enable) {
  519.           return;
  520.         }
  521.         GM_addStyle(
  522.           `aside.blog_container_aside{
  523.             display:none !important;
  524.           }
  525.           #mainBox main{
  526.             width: inherit !important;
  527.           }
  528.         `
  529.         );
  530.       }
  531.       function addGotoRecommandButton() {
  532.         /* 添加前往评论的按钮，在返回顶部的下面 */
  533.         const btnElement = $(`
  534.         <a class="option-box" data-type="gorecommand">
  535.           <span class="show-txt" style="display:flex;opacity:100;">前往<br>评论</span>
  536.         </a>
  537.         `);
  538.  
  539.         Utils.waitForDOM(".csdn-side-toolbar").then((dom) => {
  540.           $(dom).append(btnElement);
  541.           $('.option-box[data-type="gorecommand"]').on("click", function () {
  542.             console.log("滚动到评论");
  543.             $("html, body").animate(
  544.               {
  545.                 scrollTop:
  546.                   $("#toolBarBox").offset().top -
  547.                   $("#csdn-toolbar").height() -
  548.                   8,
  549.               },
  550.               1000
  551.             );
  552.           });
  553.         });
  554.       }
  555.       GM_addStyle(css);
  556.       articleCenter();
  557.       $(document).ready(function () {
  558.         removeClipboardHijacking();
  559.         unBlockCopy();
  560.         identityCSDNDownload();
  561.         clickPreCodeAutomatically();
  562.         restoreComments();
  563.         addGotoRecommandButton();
  564.       });
  565.     }
  566.  
  567.     if (isCSDN()) {
  568.       if (Utils.isPhone()) {
  569.         Mobile(); /* 移动端 */
  570.       } else {
  571.         PC(); /* 桌面端 */
  572.       }
  573.     }
  574.   }
  575.  
  576.   GM_Menu.init();
  577.   GM_Menu.register();
  578.  
  579.   JianShu();
  580.   CSDN();
  581. })();