☰

CSDN|简书优化

支持手机端和PC端

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

  1. // ==UserScript==
  2. // @name         CSDN|简书优化
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.4.7
  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.       ["menu_showRedirect", "手机csdn显示Redirect", true],
  32.       ["menu_thistab", "手机csdn新页面打开", true],
  33.     ],
  34.     init: function () {
  35.       /* 初始化数据 */
  36.       let _this_ = this;
  37.       Array.from(this.data).forEach((item, index) => {
  38.         let menuKey = item[0];
  39.         let menuValue = GM_getValue(menuKey);
  40.         if (menuValue == null) {
  41.           GM_setValue(menuKey, true);
  42.           menuValue = GM_getValue(menuKey);
  43.         }
  44.         _this_.data[index][item.length - 1] = menuValue;
  45.       });
  46.     },
  47.     register: function () {
  48.       /* 注册油猴菜单 */
  49.       Array.from(this.data).forEach((item) => {
  50.         let menuKey = item[0];
  51.         let menuName = item[1];
  52.         let menuValue = item[2];
  53.         let menuShowName = "[" + (menuValue ? "√" : "×") + "]" + menuName;
  54.         GM_registerMenuCommand(menuShowName, function () {
  55.           if (menuValue) {
  56.             GM_setValue(menuKey, false);
  57.           } else {
  58.             GM_setValue(menuKey, true);
  59.           }
  60.           window.location.reload();
  61.         });
  62.       });
  63.     },
  64.   };
  65.  
  66.   function JianShu() {
  67.     /* 简书 */
  68.     function isJianShu() {
  69.       /* 判断是否是 简书 */
  70.       return Boolean(/jianshu.com/i.test(window.location.origin));
  71.     }
  72.     function PC() {
  73.       console.log("简书");
  74.       const css = `
  75.       .download-app-guidance,
  76.       .call-app-btn,
  77.       .collapse-tips,
  78.       .note-graceful-button,
  79.       .app-open,
  80.       .header-wrap,
  81.       .recommend-wrap.recommend-ad,
  82.       .call-app-Ad-bottom,
  83.       #recommended-notes p.top-title span.more,
  84.       #homepage .modal,
  85.       button.index_call-app-btn,
  86.       span.note__flow__download,
  87.       .download-guide,
  88.       #footer,
  89.       .comment-open-app-btn-wrap,
  90.       .nav.navbar-nav + div{
  91.         display:none !important;
  92.       }
  93.       body.reader-day-mode.normal-size {
  94.         overflow: auto !important;
  95.       }
  96.       .collapse-free-content{
  97.         height:auto !important;
  98.       }
  99.       .copyright{
  100.         color:#000 !important;
  101.       }
  102.       #note-show .content .show-content-free .collapse-free-content:after{
  103.         background-image:none !important;
  104.       }
  105.       `;
  106.       GM_addStyle(css);
  107.       Utils.waitForDOM('div#homepage div[class*="dialog-"]').then((dom) => {
  108.         if (dom.length) {
  109.           dom[0].style["visibility"] = "hidden";
  110.         }
  111.       });
  112.       Utils.mutationObserver('div#homepage div[class*="dialog-"]', {
  113.         fn: (mutations) => {
  114.           if (mutations.length == 0) {
  115.             return;
  116.           }
  117.           if (mutations[0].target.style["display"] != "none") {
  118.             document
  119.               .querySelector('div#homepage div[class*="dialog-"] .cancel')
  120.               ?.click();
  121.           }
  122.         },
  123.         config: {
  124.           /* 子节点的变动（新增、删除或者更改） */
  125.           childList: false,
  126.           /* 属性的变动 */
  127.           attributes: true,
  128.           /* 节点内容或节点文本的变动 */
  129.           characterData: true,
  130.           /* 是否将观察器应用于该节点的所有后代节点 */
  131.           subtree: true,
  132.         },
  133.       });
  134.     }
  135.     if (isJianShu()) {
  136.       PC();
  137.     }
  138.   }
  139.   function CSDN() {
  140.     /* csdn-移动端 */
  141.     function isCSDN() {
  142.       /* 判断是否是 CSDN */
  143.       return Boolean(/csdn.net/i.test(window.location.origin));
  144.     }
  145.     function Mobile() {
  146.       /* 移动端 */
  147.       console.log("CSDN-移动端");
  148.       const css = `
  149.       #mainBox{
  150.         width: auto;
  151.       }
  152.       .user-desc.user-desc-fix{
  153.         height: auto  !important;
  154.         overflow: auto !important;
  155.       }
  156.       #operate,.feed-Sign-span,
  157.       .view_comment_box,
  158.       .weixin-shadowbox.wap-shadowbox,
  159.       .feed-Sign-span,
  160.       .user-desc.user-desc-fix,
  161.       .comment_read_more_box,
  162.       #content_views pre.set-code-hide .hide-preCode-box,
  163.       .passport-login-container,
  164.       .hljs-button[data-title='登录后复制'],
  165.       .article-show-more,
  166.       #treeSkill,
  167.       div.btn_open_app_prompt_div{
  168.         display:none !important;
  169.       }
  170.       .GM-csdn-dl{
  171.         padding: .24rem .32rem;
  172.         width: 100%;
  173.         justify-content: space-between;
  174.         -webkit-box-pack: justify;
  175.         border-bottom: 1px solid #F5F6F7!important;
  176.       }
  177.       .GM-csdn-title{
  178.         font-size: .3rem;
  179.         color: #222226;
  180.         letter-spacing: 0;
  181.         line-height: .44rem;
  182.         font-weight: 600;
  183.         //max-height: .88rem;
  184.         word-break: break-all;
  185.         overflow: hidden;
  186.         display: -webkit-box;
  187.         -webkit-box-orient: vertical;
  188.         -webkit-line-clamp: 2
  189.       }
  190.       .GM-csdn-title a{
  191.         word-break: break-all;
  192.         color: #222226;
  193.         font-weight: 600;
  194.       }
  195.       .GM-csdn-title em,.GM-csdn-content em{
  196.         font-style: normal;
  197.         color: #fc5531
  198.       }
  199.       .GM-csdn-content{
  200.         //max-width: 5.58rem;
  201.         overflow: hidden;
  202.         text-overflow: ellipsis;
  203.         display: -webkit-box;
  204.         -webkit-line-clamp: 1;
  205.         -webkit-box-orient: vertical;
  206.         color: #555666;
  207.         font-size: .24rem;
  208.         line-height: .34rem;
  209.         max-height: .34rem;
  210.         word-break: break-all;
  211.         -webkit-box-flex: 1;
  212.         -ms-flex: 1;
  213.         flex: 1;
  214.         margin-top: .16rem;
  215.       }
  216.       .GM-csdn-img img{
  217.         width: 2.18rem;
  218.         height: 1.58rem;
  219.         //margin-left: .16rem
  220.       }
  221.       .GM-csdn-Redirect{
  222.         color: #fff;
  223.         background-color: #f90707;
  224.         font-family: sans-serif;
  225.         margin: auto 2px;
  226.         border: 1px solid #ccc;
  227.         border-radius: 4px;
  228.         padding: 0px 3px;
  229.         font-size: xx-small;
  230.         display: inline;
  231.         white-space: nowrap;
  232.       }
  233.       .component-box .praise {
  234.         background: #ff5722;
  235.         border-radius: 5px;
  236.         padding: 0px 8px;
  237.         height: auto;
  238.               
  239.       }
  240.       .component-box .praise,.component-box .share {
  241.         color: #fff;
  242.       }
  243.       .component-box a {
  244.         display: inline-block;
  245.         font-size:xx-small;
  246.       }
  247.       .component-box {
  248.         display: inline;
  249.         margin: 0;
  250.         position: relative;
  251.         white-space:nowrap;
  252.       }
  253.       .csdn-edu-title{
  254.         background: #4d6de1;
  255.         border-radius: 5px;
  256.         padding: 0px 8px;
  257.         height: auto;
  258.         color: #fff !important;
  259.       }
  260.       #comment{
  261.         max-height: none !important;
  262.       }
  263.       #content_views pre,
  264.       #content_views pre code{
  265.         webkit-touch-callout: text !important;
  266.         -webkit-user-select: text !important;
  267.         -khtml-user-select: text !important;
  268.         -moz-user-select: text !important;
  269.         -ms-user-select: text !important;
  270.         user-select: text !important;
  271.       }
  272.       #content_views pre.set-code-hide{
  273.         height: 100% !important;
  274.         overflow-y: auto !important;
  275.       }
  276.       `;
  277.       GM_addStyle(css);
  278.       function replace_all_commend() {
  279.         //替换所有的推荐
  280.         var commend_list = $(".container-fluid");
  281.         for (var coml = 0; coml < commend_list.length; coml++) {
  282.           let current_commend_className =
  283.             commend_list[coml].getAttribute("class");
  284.           let current_commend_url = "";
  285.           let current_commend_title = "";
  286.           let current_commend_content = "";
  287.           let current_commend_img = "";
  288.           if (commend_list[coml].getAttribute("data-url")) {
  289.             //有data-url 就有recommend_title
  290.             /* console.log("有 data-url"); */
  291.             current_commend_url = commend_list[coml].getAttribute("data-url");
  292.             current_commend_title = $(commend_list[coml])
  293.               .find(".recommend_title")
  294.               .html();
  295.             current_commend_content = $(commend_list[coml])
  296.               .find(".text")
  297.               .html();
  298.             // current_commend_title = commend_list[coml].getElementsByClassName("recommend_title")[0].innerHTML;
  299.             // current_commend_content = commend_list[coml].getElementsByClassName("text active")[0].innerHTML;
  300.             let current_commend_img_dom = $(commend_list[coml]).find(
  301.               ".recommend-img"
  302.             );
  303.             if (current_commend_img_dom.length) {
  304.               for (
  305.                 var imgs = 0;
  306.                 imgs < current_commend_img_dom.length;
  307.                 imgs++
  308.               ) {
  309.                 current_commend_img =
  310.                   current_commend_img + current_commend_img_dom[imgs].innerHTML;
  311.               }
  312.             }
  313.           } else {
  314.             /* console.log("没有data-url"); */
  315.             current_commend_url =
  316.               commend_list[coml].getElementsByTagName("a")[0].href;
  317.             current_commend_title =
  318.               commend_list[coml].getElementsByTagName("a")[0].innerHTML;
  319.             current_commend_content =
  320.               commend_list[coml].getElementsByClassName("text")[0].innerHTML;
  321.             current_commend_img = "";
  322.           }
  323.           /* console.log("真实url：", current_commend_url); */
  324.           if (GM_menu.data[0][2]) {
  325.             current_commend_title =
  326.               current_commend_title +
  327.               `<div class="GM-csdn-Redirect">Redirect</div>`;
  328.           }
  329.           if (
  330.             current_commend_url.match(
  331.               /http(s|):\/\/(download.csdn.net|www.iteye.com\/resource)/g
  332.             )
  333.           ) {
  334.             console.log("该链接为csdn资源下载，标识");
  335.             current_commend_title =
  336.               current_commend_title +
  337.               `<div class="component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>`;
  338.           } else if (current_commend_url.match(/edu.csdn.net/g)) {
  339.             console.log("该链接为csdn学院下载，标识");
  340.             current_commend_title =
  341.               current_commend_title +
  342.               `<div class="component-box"><a class="csdn-edu-title" href="javascript:;">CSDN学院</a></div>`;
  343.           }
  344.           commend_list[coml].className = "GM-csdn-dl";
  345.           commend_list[coml].setAttribute("data-url", current_commend_url);
  346.           commend_list[coml].innerHTML =
  347.             `<div class="GM-csdn-title">` +
  348.             current_commend_title +
  349.             "</div>" +
  350.             `<div class="GM-csdn-content">` +
  351.             current_commend_content +
  352.             "</div>" +
  353.             `<div class="GM-csdn-img">` +
  354.             current_commend_img +
  355.             "</div>";
  356.           $("#recommend")
  357.             .find(".recommend_list")
  358.             .before($("#first_recommend_list").find("dl").parent().html());
  359.           $("#first_recommend_list")?.remove();
  360.         }
  361.       }
  362.  
  363.       function new_commend_event() {
  364.         //新的推荐跳转事件
  365.         $(".GM-csdn-dl").bind("click", function (e) {
  366.           let current_click_url = e.currentTarget.dataset.url;
  367.           if (GM_menu.data[1][2]) {
  368.             window.open(current_click_url);
  369.           } else {
  370.             window.location.href = current_click_url;
  371.           }
  372.         });
  373.       }
  374.  
  375.       function auto_review() {
  376.         //自动展开
  377.         $(".article_content")?.removeAttr("style");
  378.         $(".readall_box")?.show();
  379.         $(".readall_box")?.addClass("readall_box_nobg");
  380.         $(".readall_box")?.hide();
  381.         $(".readall_box")?.addClass("readall_box_nobg");
  382.         $(".detail-open-app-isshow")?.css("display", "block");
  383.         $(".isshow-mask-lock-box")?.show();
  384.       }
  385.       function removeElement() {
  386.         /* 移除一些元素 */
  387.         $(".passport-login-container")?.remove();
  388.       }
  389.  
  390.       $(document).ready(function () {
  391.         var csdn_interval_runum = 0;
  392.         var csdn_interval = setInterval(function () {
  393.           csdn_interval_runum = csdn_interval_runum + 1;
  394.           console.log("展开");
  395.           if (csdn_interval_runum <= 5) {
  396.             auto_review();
  397.             removeElement();
  398.           } else {
  399.             clearInterval(csdn_interval);
  400.           }
  401.         }, 200);
  402.         var loding_comment_dom_num = 0;
  403.         var loding_comment_dom = setInterval(function () {
  404.           loding_comment_dom_num = loding_comment_dom_num + 1;
  405.           if (loding_comment_dom_num <= 5) {
  406.             try {
  407.               replace_all_commend();
  408.             } catch (err) {
  409.               console.log("替换底部链接失败", err);
  410.             }
  411.           } else {
  412.             clearInterval(loding_comment_dom);
  413.             new_commend_event();
  414.           }
  415.         }, 500);
  416.       });
  417.     }
  418.     function PC() {
  419.       /* 桌面端 */
  420.       console.log("CSDN-桌面端访问");
  421.       const css = `
  422.       .ecommend-item-box.recommend-recommend-box,
  423.       .login-mark,
  424.       .opt-box.text-center,
  425.       .leftPop,
  426.       #csdn-shop-window,
  427.       #passportbox,
  428.       .passport-login-container,
  429.       .toolbar-advert,
  430.       .hide-article-box,
  431.       .user-desc.user-desc-fix,
  432.       .recommend-card-box,
  433.       .more-article,
  434.       .article-show-more{
  435.           display: none !important;
  436.       }
  437.       .comment-list-box{
  438.           max-height: none !important;
  439.       }
  440.       .blog_container_aside,
  441.       #nav{
  442.           margin-left: -45px;
  443.       }
  444.       .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  445.           margin-left: 45px;
  446.       }
  447.       #content_views pre code{
  448.           user-select: text !important;
  449.       }
  450.       #article_content,
  451.       .user-article.user-article-hide{
  452.         height: auto !important;
  453.         overflow: auto !important;
  454.       }
  455.   `;
  456.       function UnblockCopy(dom) {
  457.         /* 取消禁止复制 */
  458.         if (dom.length) {
  459.           $(".hljs-button.signin").attr("data-title", "复制");
  460.           $(".hljs-button.signin").on("click", function () {
  461.             const copyBtn = $(this);
  462.             const copyArea = $(this).parent();
  463.             copyBtn.attr("data-title", "复制成功");
  464.             const btnParentElement = Utils.findParentDOM(this, (dom) => {
  465.               return dom.className == "prettyprint" ? true : false;
  466.             });
  467.             if (btnParentElement) {
  468.               $(btnParentElement).bind({
  469.                 mouseenter: function (e) {
  470.                   copyBtn.attr("data-title", "复制");
  471.                   $(btnParentElement).unbind("mouseenter").unbind("mouseleave");
  472.                 },
  473.                 mouseleave: function (e) {
  474.                   copyBtn.attr("data-title", "复制");
  475.                   $(btnParentElement).unbind("mouseenter").unbind("mouseleave");
  476.                 },
  477.               });
  478.             }
  479.             Utils.setClip(copyArea.text());
  480.           });
  481.         }
  482.       }
  483.       function clickPreCodeAutoPreview() {
  484.         /* 点击代码块自动展开 */
  485.         $("pre[data-index]").on("click", function () {
  486.           let obj = $(this);
  487.           obj.css("height", "auto");
  488.           obj.find(".hide-preCode-box")?.remove();
  489.         });
  490.       }
  491.       GM_addStyle(css);
  492.       $(document).ready(function () {
  493.         unsafeWindow.articleType = 0;
  494.         unsafeWindow.csdn.copyright.textData = undefined;
  495.         unsafeWindow.csdn.copyright.htmlData = undefined;
  496.         $(".article-copyright")?.remove();
  497.         Utils.waitForDOM(".hljs-button.signin").then((dom) => {
  498.           UnblockCopy(dom);
  499.         });
  500.         $(".recommend-item-box[data-url*='https://download.csdn.net/']").each(
  501.           (index, item) => {
  502.             $(item).find(".content-box").css("border", "2px solid red");
  503.           }
  504.         );
  505.         clickPreCodeAutoPreview();
  506.       });
  507.     }
  508.  
  509.     if (isCSDN()) {
  510.       if (Utils.isPhone()) {
  511.         Mobile();
  512.       } else {
  513.         PC();
  514.       }
  515.     }
  516.   }
  517.  
  518.   GM_menu.init();
  519.   GM_menu.register();
  520.  
  521.   JianShu();
  522.   CSDN();
  523. })();