☰

CSDN|简书优化

支持手机端和PC端

当前为 2021-06-26 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         CSDN|简书优化
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.3.4
  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. // @run-at         document-start
  20. // @require	     http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
  21. // ==/UserScript==
  22.  
  23. (function () {
  24.     'use strict';
  25.     var GM_menus = [
  26.         ["menu_showRedirect", "手机csdn显示Redirect", true],
  27.         ["menu_thistab", "手机csdn新页面打开", true]
  28.     ]
  29.  
  30.     function change_normal_menu() {
  31.         //修改菜单默认值
  32.         console.log(GM_listValues())
  33.         for (let i = 0; i < GM_menus.length; i++) {
  34.             let get_GM_value = GM_getValue(GM_menus[i][0]);
  35.             if (get_GM_value) {
  36.  
  37.             } else {
  38.                 console.log("修改菜单值");
  39.                 GM_menus[i][2] = false;
  40.             }
  41.             console.log(GM_menus);
  42.         }
  43.     }
  44.  
  45.     function register_GM_Menu() {
  46.         //注册油猴菜单
  47.         for (let i = 0; i < GM_menus.length; i++) {
  48.             let current_v = GM_menus[i][0];
  49.             let current_name = GM_menus[i][1];
  50.             let current_status = GM_menus[i][2];
  51.             GM_registerMenuCommand(`[${current_status?"√":"×"}]${current_name}`, function () {
  52.                 if (current_status) {
  53.                     console.log("关闭");
  54.                     GM_deleteValue(current_v);
  55.                 } else {
  56.                     console.log("开启");
  57.                     GM_setValue(current_v, "1");
  58.                 }
  59.                 window.location.reload();
  60.             })
  61.         }
  62.  
  63.     }
  64.     change_normal_menu();
  65.     register_GM_Menu();
  66.     var usa = navigator.userAgent.match('Windows');
  67.  
  68.     if (usa !== null) { //电脑
  69.         GM_addStyle(`
  70.                 .ecommend-item-box.recommend-recommend-box,
  71.                 .login-mark,
  72.                 .opt-box.text-center,
  73.                 .leftPop,
  74.                 #csdn-shop-window{
  75.                     display:none !important;
  76.                 }
  77.                 .comment-list-box{
  78.                     max-height:none !important;
  79.                 }
  80.                 .blog_container_aside,#nav{
  81.                     margin-left:-45px;
  82.                 }
  83.                 .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  84.                     margin-left:45px;
  85.                 }
  86.  
  87.             `)
  88.         
  89.     } else { //手机
  90.         if (location.href.match(/csdn.net/g)) {
  91.             var Flag_Title_css = `.component-box .praise {
  92. padding-right: 20px;
  93. background: #ff5722;
  94. text-indent: 1em;
  95. border-top-left-radius: 50px;
  96. border-top-right-radius: 50px;
  97. border-bottom-left-radius: 50px;
  98. border-bottom-right-radius: 50px;
  99. background: -webkit-linear-gradient(left,#ff5722,#f78d6b);
  100. background: -o-linear-gradient(right,#ff5722,#f78d6b);
  101. background: -moz-linear-gradient(right,#ff5722,#f78d6b);
  102. background: linear-gradient(to right,#ff5722,#f78d6b);
  103.  
  104. }
  105. .component-box .praise,.component-box .share {
  106. /*width: 110px;
  107. height: 34px;
  108. line-height: 34px;*/
  109. height:auto;line-height:normal;color: #fff;
  110. }
  111. .component-box a {
  112. display: inline-block;
  113. font-size: 14px;
  114. }
  115. .component-box {
  116. /*margin: 0 auto;
  117. text-align: center;
  118. display: inline;*/
  119. display: flex;
  120. margin: 0;
  121. text-align: left;
  122. font-size: 0;
  123. position: relative;
  124. width: 260px;
  125. }
  126. `
  127.  
  128.             function replace_all_commend() { //替换所有的推荐
  129.                 var commend_list = $(".container-fluid");
  130.                 console.log(commend_list)
  131.                 for (var coml = 0; coml < commend_list.length; coml++) {
  132.                     let current_commend_className = commend_list[coml].getAttribute("class");
  133.                     let current_commend_url = "";
  134.                     let current_commend_title = "";
  135.                     let current_commend_content = "";
  136.                     let current_commend_img = "";
  137.                     console.log(current_commend_className)
  138.                     if (commend_list[coml].getAttribute("data-url")) {
  139.                         //有data-url 就有recommend_title
  140.                         console.log("有 data-url");
  141.                         current_commend_url = commend_list[coml].getAttribute("data-url");
  142.                         current_commend_title = $(commend_list[coml]).find(".recommend_title").html();
  143.                         current_commend_content = $(commend_list[coml]).find(".text").html();
  144.                         // current_commend_title = commend_list[coml].getElementsByClassName("recommend_title")[0].innerHTML;
  145.                         // current_commend_content = commend_list[coml].getElementsByClassName("text active")[0].innerHTML;
  146.                         let current_commend_img_dom = $(commend_list[coml]).find(".recommend-img");
  147.                         if (current_commend_img_dom.length) {
  148.                             for (var imgs = 0; imgs < current_commend_img_dom.length; imgs++) {
  149.                                 current_commend_img = current_commend_img + current_commend_img_dom[imgs].innerHTML;
  150.                             }
  151.                         }
  152.  
  153.  
  154.                     } else {
  155.                         console.log("没有data-url");
  156.                         current_commend_url = commend_list[coml].getElementsByTagName("a")[0].href;
  157.                         current_commend_title = commend_list[coml].getElementsByTagName("a")[0].innerHTML;
  158.                         current_commend_content = commend_list[coml].getElementsByClassName("text")[0].innerHTML;
  159.                         current_commend_img = "";
  160.                     }
  161.                     console.log("真实url：", current_commend_url);
  162.                     if (GM_menus[0][2]) {
  163.                         current_commend_title = current_commend_title + `<div class="GM-csdn-Redirect">Redirect</div>`;
  164.                     }
  165.                     if (current_commend_url.match(/http(s|):\/\/(download.csdn.net|www.iteye.com\/resource)/g)) {
  166.                         console.log("该链接为csdn资源下载，标识");
  167.                         current_commend_title = current_commend_title + `<div class="component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>`;
  168.                     }else if(current_commend_url.match(/edu.csdn.net/g)){
  169.                         console.log("该链接为csdn学院下载，标识");
  170.                         current_commend_title = current_commend_title + `<div class="component-box"><a class="csdn-edu-title" href="javascript:;">CSDN学院</a></div>`;
  171.                     }
  172.                     commend_list[coml].className = "GM-csdn-dl";
  173.                     commend_list[coml].setAttribute("data-url", current_commend_url);
  174.                     commend_list[coml].innerHTML =
  175.                         `<div class="GM-csdn-title">` + current_commend_title + "</div>" +
  176.                         `<div class="GM-csdn-content">` + current_commend_content + "</div>" +
  177.                         `<div class="GM-csdn-img">` + current_commend_img + "</div>"
  178.                     $("#recommend").find(".recommend_list").before($("#first_recommend_list").find("dl").parent().html())
  179.                     $("#first_recommend_list").remove();
  180.  
  181.                 }
  182.             }
  183.  
  184.             function new_commend_event() { //新的推荐跳转事件
  185.                 $(".GM-csdn-dl").bind("click", function (e) {
  186.                     let current_click_url = e.currentTarget.dataset.url;
  187.                     if (GM_menus[1][2]) {
  188.                         window.open(current_click_url);
  189.                     } else {
  190.                         window.location.href = current_click_url;
  191.                     }
  192.  
  193.                 })
  194.             }
  195.  
  196.             function auto_review() {
  197.                 //自动展开
  198.                 $(".article_content").removeAttr("style");
  199.                 $(".readall_box").show().addClass("readall_box_nobg");
  200.                 $(".readall_box").hide().addClass("readall_box_nobg");
  201.                 $(".detail-open-app-isshow").css("display", "block");
  202.                 $(".isshow-mask-lock-box").show();
  203.             }
  204.             GM_addStyle(`
  205. #mainBox {
  206.             width: auto;
  207. }
  208. #operate,.feed-Sign-span,.view_comment_box, .weixin-shadowbox.wap-shadowbox,.feed-Sign-span{
  209.             display:none !important;
  210. }
  211. .GM-csdn-dl{
  212.     padding: .24rem .32rem;
  213.     width: 100%;
  214.     justify-content: space-between;
  215.     -webkit-box-pack: justify;
  216.     border-bottom: 1px solid #F5F6F7!important;
  217.  
  218. }
  219. .GM-csdn-title{
  220.     font-size: .3rem;
  221.     color: #222226;
  222.     letter-spacing: 0;
  223.     line-height: .44rem;
  224.     font-weight: 600;
  225.     //max-height: .88rem;
  226.     word-break: break-all;
  227.     overflow: hidden;
  228.     display: -webkit-box;
  229.     -webkit-box-orient: vertical;
  230.     -webkit-line-clamp: 2
  231. }
  232. .GM-csdn-title a{
  233. word-break: break-all;
  234.     color: #222226;
  235.     font-weight: 600;
  236. }
  237. .GM-csdn-title em,.GM-csdn-content em{
  238.     font-style: normal;
  239.     color: #fc5531
  240. }
  241. .GM-csdn-content{
  242.  
  243.     //max-width: 5.58rem;
  244.     overflow: hidden;
  245.     text-overflow: ellipsis;
  246.     display: -webkit-box;
  247.     -webkit-line-clamp: 1;
  248.     -webkit-box-orient: vertical;
  249.     color: #555666;
  250.     font-size: .24rem;
  251.     line-height: .34rem;
  252.     max-height: .34rem;
  253.     word-break: break-all;
  254.     -webkit-box-flex: 1;
  255.     -ms-flex: 1;
  256.     flex: 1;
  257.     margin-top: .16rem;
  258.  
  259. }
  260. .GM-csdn-img img{
  261.     width: 2.18rem;
  262.     height: 1.58rem;
  263.     //margin-left: .16rem
  264. }
  265. .GM-csdn-Redirect{
  266.     color: #555;
  267.     background-color: #fcfcfc;
  268.     font-family: sans-serif;
  269.     margin: auto 2px;
  270.     border: 2px solid #ccc;
  271.     border-radius: 4px;
  272.     padding: 0px 3px;
  273.     font-size: xx-small;
  274.     display: inline;
  275. }
  276. .component-box .praise {
  277.     background: #ff5722;
  278.     border-radius: 5px;
  279.     padding: 0px 8px;
  280.     height: auto;
  281.         
  282.     }
  283. .component-box .praise,.component-box .share {
  284.     color: #fff;
  285. }
  286. .component-box a {
  287. display: inline-block;
  288. font-size:xx-small;
  289. }
  290. .component-box {
  291.     display: inline;
  292.     margin: 0;
  293.     position: relative;
  294. }
  295. .csdn-edu-title{
  296.     background: #4d6de1;
  297.     border-radius: 5px;
  298.     padding: 0px 8px;
  299.     height: auto;
  300.     color: #fff !important;
  301. }
  302.  
  303.                 `)
  304.  
  305.             $(document).ready(function () {
  306.                 console.log("mobile csdn");
  307.                 var csdn_interval_runum = 0;
  308.                 var csdn_interval = setInterval(function () {
  309.                     csdn_interval_runum = csdn_interval_runum + 1;
  310.                     console.log("展开");
  311.                     if (csdn_interval_runum <= 5) {
  312.                         try {
  313.                             auto_review();
  314.                         } catch (err) {
  315.                             console.log("自动展开全文失败", err)
  316.                         }
  317.                     } else {
  318.                         clearInterval(csdn_interval)
  319.                     }
  320.  
  321.                 }, 200)
  322.  
  323.                 var loding_comment_dom_num = 0
  324.                 var loding_comment_dom = setInterval(function () {
  325.                     console.log(loding_comment_dom_num)
  326.                     loding_comment_dom_num = loding_comment_dom_num + 1;
  327.                     if (loding_comment_dom_num <= 5) {
  328.                         try {
  329.                             replace_all_commend();
  330.                         } catch (err) {
  331.                             console.log("替换底部链接失败", err);
  332.                         }
  333.  
  334.                     } else {
  335.                         clearInterval(loding_comment_dom);
  336.                         new_commend_event();
  337.                     }
  338.                 }, 500)
  339.  
  340.  
  341.             });
  342.         } else if (location.href.match(/jianshu.com/g)) {
  343.             console.log("简书");
  344.             GM_addStyle(`
  345.             .download-app-guidance,
  346.             .call-app-btn,
  347.             .collapse-tips,
  348.             .note-graceful-button,
  349.             .header-wrap{
  350.                 display:none !important;
  351.             }
  352.             .collapse-free-content{
  353.                 height:auto !important;
  354.             }
  355.             .copyright{
  356.                 color:#000 !important;
  357.             }
  358.             #note-show .content .show-content-free .collapse-free-content:after{
  359.                 background-image:none !important;
  360.             }
  361.             `)
  362.         }
  363.     }
  364.  
  365.  
  366.  
  367. })();