☰

CSDN|简书优化

支持手机端和PC端

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

  1. // ==UserScript==
  2. // @name         CSDN|简书优化
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.4.5
  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. // @grant        GM_addStyle
  13. // @grant        GM_registerMenuCommand
  14. // @grant        GM_unregisterMenuCommand
  15. // @grant        GM_getValue
  16. // @grant        GM_setValue
  17. // @grant        GM_deleteValue
  18. // @grant        GM_listValues
  19. // @grant        unsafeWindow
  20. // @run-at       document-start
  21. // @require	     http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
  22. // @require      https://greasyfork.org/scripts/455186-whitesevsutils/code/WhiteSevsUtils.js?version=1135447
  23. // @require      https://greasyfork.org/scripts/449471-viewer/code/Viewer.js?version=1081056
  24. // ==/UserScript==
  25.  
  26. (function () {
  27.   "use strict";
  28.  
  29.   var GM_menus = [
  30.     ["menu_showRedirect", "手机csdn显示Redirect", true],
  31.     ["menu_thistab", "手机csdn新页面打开", true],
  32.   ];
  33.  
  34.   function change_normal_menu() {
  35.     //修改菜单默认值
  36.     for (let i = 0; i < GM_menus.length; i++) {
  37.       let get_GM_value = GM_getValue(GM_menus[i][0]);
  38.       if (get_GM_value) {
  39.       } else {
  40.         console.log("修改菜单值");
  41.         GM_menus[i][2] = false;
  42.       }
  43.     }
  44.   }
  45.  
  46.   function register_GM_Menu() {
  47.     //注册油猴菜单
  48.     for (let i = 0; i < GM_menus.length; i++) {
  49.       let current_v = GM_menus[i][0];
  50.       let current_name = GM_menus[i][1];
  51.       let current_status = GM_menus[i][2];
  52.       GM_registerMenuCommand(
  53.         `[${current_status ? "√" : "×"}]${current_name}`,
  54.         function () {
  55.           if (current_status) {
  56.             console.log("关闭");
  57.             GM_deleteValue(current_v);
  58.           } else {
  59.             console.log("开启");
  60.             GM_setValue(current_v, "1");
  61.           }
  62.           window.location.reload();
  63.         }
  64.       );
  65.     }
  66.   }
  67.  
  68.   function isPhone() {
  69.     /* 判断是否是手机访问 */
  70.     return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent));
  71.   }
  72.  
  73.   function isCSDN() {
  74.     return Boolean(/csdn.net/i.test(window.location.href));
  75.   }
  76.  
  77.   function isJianShu() {
  78.     return Boolean(/jianshu.com/i.test(window.location.href));
  79.   }
  80.   change_normal_menu();
  81.   register_GM_Menu();
  82.  
  83.   if (!isPhone()) {
  84.     //电脑
  85.     console.log("电脑访问");
  86.     GM_addStyle(`
  87.             .ecommend-item-box.recommend-recommend-box,
  88.             .login-mark,
  89.             .opt-box.text-center,
  90.             .leftPop,
  91.             #csdn-shop-window,
  92.             #passportbox,
  93.             .passport-login-container,
  94.             .toolbar-advert,
  95.             .hide-article-box{
  96.                 display: none !important;
  97.             }
  98.             .comment-list-box{
  99.                 max-height: none !important;
  100.             }
  101.             .blog_container_aside,
  102.             #nav{
  103.                 margin-left: -45px;
  104.             }
  105.             .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  106.                 margin-left: 45px;
  107.             }
  108.             #content_views pre code{
  109.                 user-select: text !important;
  110.             }
  111.             #article_content{
  112.               height: auto !important;
  113.               overflow: auto !important;
  114.             }
  115.         `);
  116.     $(document).ready(function () {
  117.       unsafeWindow.articleType = 0;
  118.       Utils.waitForDOM(".hljs-button.signin").then((dom) => {
  119.         if (dom.length) {
  120.           $(".hljs-button.signin").attr("data-title", "复制");
  121.           $(".hljs-button.signin").on("click", function () {
  122.             const copyBtn = $(this);
  123.             const copyArea = $(this).parent();
  124.             copyBtn.attr("data-title", "复制成功");
  125.             const btnParentElement = Utils.findParentDOM(this, (dom) => {
  126.               return dom.className == "prettyprint" ? true : false;
  127.             });
  128.             if (btnParentElement) {
  129.               $(btnParentElement).bind({
  130.                 mouseenter: function (e) {
  131.                   copyBtn.attr("data-title", "复制");
  132.                   $(btnParentElement).unbind("mouseenter").unbind("mouseleave");
  133.                 },
  134.                 mouseleave: function (e) {
  135.                   copyBtn.attr("data-title", "复制");
  136.                   $(btnParentElement).unbind("mouseenter").unbind("mouseleave");
  137.                 },
  138.               });
  139.             }
  140.             Utils.setClip(copyArea.text());
  141.           });
  142.         }
  143.       });
  144.       $(".recommend-item-box[data-url*='https://download.csdn.net/']").each(
  145.         (index, item) => {
  146.           $(item).find(".content-box").css("border", "2px solid red");
  147.         }
  148.       );
  149.     });
  150.   } else {
  151.     //手机
  152.     if (isCSDN()) {
  153.       GM_addStyle(`
  154.             #mainBox {
  155.                 width: auto;
  156.             }
  157.             #operate,.feed-Sign-span,
  158.             .view_comment_box,
  159.             .weixin-shadowbox.wap-shadowbox,
  160.             .feed-Sign-span{
  161.                 display:none !important;
  162.             }
  163.             .GM-csdn-dl{
  164.                 padding: .24rem .32rem;
  165.                 width: 100%;
  166.                 justify-content: space-between;
  167.                 -webkit-box-pack: justify;
  168.                 border-bottom: 1px solid #F5F6F7!important;
  169.  
  170.             }
  171.             .GM-csdn-title{
  172.                 font-size: .3rem;
  173.                 color: #222226;
  174.                 letter-spacing: 0;
  175.                 line-height: .44rem;
  176.                 font-weight: 600;
  177.                 //max-height: .88rem;
  178.                 word-break: break-all;
  179.                 overflow: hidden;
  180.                 display: -webkit-box;
  181.                 -webkit-box-orient: vertical;
  182.                 -webkit-line-clamp: 2
  183.             }
  184.             .GM-csdn-title a{
  185.                 word-break: break-all;
  186.                 color: #222226;
  187.                 font-weight: 600;
  188.             }
  189.             .GM-csdn-title em,.GM-csdn-content em{
  190.                 font-style: normal;
  191.                 color: #fc5531
  192.             }
  193.             .GM-csdn-content{
  194.                 //max-width: 5.58rem;
  195.                 overflow: hidden;
  196.                 text-overflow: ellipsis;
  197.                 display: -webkit-box;
  198.                 -webkit-line-clamp: 1;
  199.                 -webkit-box-orient: vertical;
  200.                 color: #555666;
  201.                 font-size: .24rem;
  202.                 line-height: .34rem;
  203.                 max-height: .34rem;
  204.                 word-break: break-all;
  205.                 -webkit-box-flex: 1;
  206.                 -ms-flex: 1;
  207.                 flex: 1;
  208.                 margin-top: .16rem;
  209.             }
  210.             .GM-csdn-img img{
  211.                 width: 2.18rem;
  212.                 height: 1.58rem;
  213.                 //margin-left: .16rem
  214.             }
  215.             .GM-csdn-Redirect{
  216.                 color: #fff;
  217.                 background-color: #f90707;
  218.                 font-family: sans-serif;
  219.                 margin: auto 2px;
  220.                 border: 1px solid #ccc;
  221.                 border-radius: 4px;
  222.                 padding: 0px 3px;
  223.                 font-size: xx-small;
  224.                 display: inline;
  225.                 white-space: nowrap;
  226.             }
  227.             .component-box .praise {
  228.                 background: #ff5722;
  229.                 border-radius: 5px;
  230.                 padding: 0px 8px;
  231.                 height: auto;
  232.                     
  233.             }
  234.             .component-box .praise,.component-box .share {
  235.                 color: #fff;
  236.             }
  237.             .component-box a {
  238.                 display: inline-block;
  239.                 font-size:xx-small;
  240.             }
  241.             .component-box {
  242.                 display: inline;
  243.                 margin: 0;
  244.                 position: relative;
  245.                 white-space:nowrap;
  246.             }
  247.             .csdn-edu-title{
  248.                 background: #4d6de1;
  249.                 border-radius: 5px;
  250.                 padding: 0px 8px;
  251.                 height: auto;
  252.                 color: #fff !important;
  253.             }
  254.             #comment{
  255.                 max-height: none !important;
  256.             }
  257.             .comment_read_more_box,
  258.             #content_views pre.set-code-hide .hide-preCode-box,
  259.             .passport-login-container,
  260.             .hljs-button[data-title='登录后复制']
  261.             {
  262.                 display:none !important;
  263.             }
  264.             #content_views pre,
  265.             #content_views pre code{
  266.                 webkit-touch-callout: text !important;
  267.                 -webkit-user-select: text !important;
  268.                 -khtml-user-select: text !important;
  269.                 -moz-user-select: text !important;
  270.                 -ms-user-select: text !important;
  271.                 user-select: text !important;
  272.             }
  273.             #content_views pre.set-code-hide{
  274.                 height: 100% !important;
  275.                 overflow-y: auto !important;
  276.             }
  277.             `);
  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_menus[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_menus[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.         console.log("mobile csdn");
  392.         var csdn_interval_runum = 0;
  393.         var csdn_interval = setInterval(function () {
  394.           csdn_interval_runum = csdn_interval_runum + 1;
  395.           console.log("展开");
  396.           if (csdn_interval_runum <= 5) {
  397.             auto_review();
  398.             removeElement();
  399.           } else {
  400.             clearInterval(csdn_interval);
  401.           }
  402.         }, 200);
  403.         var loding_comment_dom_num = 0;
  404.         var loding_comment_dom = setInterval(function () {
  405.           loding_comment_dom_num = loding_comment_dom_num + 1;
  406.           if (loding_comment_dom_num <= 5) {
  407.             try {
  408.               replace_all_commend();
  409.             } catch (err) {
  410.               console.log("替换底部链接失败", err);
  411.             }
  412.           } else {
  413.             clearInterval(loding_comment_dom);
  414.             new_commend_event();
  415.           }
  416.         }, 500);
  417.       });
  418.     } else if (isJianShu()) {
  419.       console.log("简书");
  420.       GM_addStyle(`
  421.             .download-app-guidance,
  422.             .call-app-btn,
  423.             .collapse-tips,
  424.             .note-graceful-button,
  425.             .app-open,
  426.             .header-wrap,
  427.             .recommend-wrap.recommend-ad,
  428.             .call-app-Ad-bottom,
  429.             #recommended-notes p.top-title span.more,
  430.             #homepage .modal,
  431.             button.index_call-app-btn,
  432.             span.note__flow__download,
  433.             .download-guide,
  434.             #footer,
  435.             .comment-open-app-btn-wrap{
  436.                 display:none !important;
  437.             }
  438.             body.reader-day-mode.normal-size {
  439.                 overflow: auto !important;
  440.             }
  441.             .collapse-free-content{
  442.                 height:auto !important;
  443.             }
  444.             .copyright{
  445.                 color:#000 !important;
  446.             }
  447.             #note-show .content .show-content-free .collapse-free-content:after{
  448.                 background-image:none !important;
  449.             }
  450.             `);
  451.       Utils.waitForDOM('div#homepage div[class*="dialog-"]').then((dom) => {
  452.         if (dom.length) {
  453.           dom[0].style["visibility"] = "hidden";
  454.         }
  455.       });
  456.       Utils.mutationObserver('div#homepage div[class*="dialog-"]', {
  457.         fn: (mutations) => {
  458.           if (mutations.length == 0) {
  459.             return;
  460.           }
  461.           if (mutations[0].target.style["display"] != "none") {
  462.             document
  463.               .querySelector('div#homepage div[class*="dialog-"] .cancel')
  464.               ?.click();
  465.           }
  466.         },
  467.         config: {
  468.           /* 子节点的变动（新增、删除或者更改） */
  469.           childList: false,
  470.           /* 属性的变动 */
  471.           attributes: true,
  472.           /* 节点内容或节点文本的变动 */
  473.           characterData: true,
  474.           /* 是否将观察器应用于该节点的所有后代节点 */
  475.           subtree: true,
  476.         },
  477.       });
  478.     }
  479.   }
  480. })();