☰

EasyCSDN

这是一款促进CSDN极致简洁和高效的插件。免费共享大量创新功能，如：净化页面、展示全屏、显示推荐、复制文本、展开代码等。让我们的学习体验无比简洁、专注、高效、畅快。

Ekde 2023/12/07. Vidu La ĝisdata versio. 

  1. // ==UserScript==
  2. // @name         EasyCSDN
  3. // @description  这是一款促进CSDN极致简洁和高效的插件。免费共享大量创新功能，如：净化页面、展示全屏、显示推荐、复制文本、展开代码等。让我们的学习体验无比简洁、专注、高效、畅快。
  4. // @version      24.0
  5. // @author       xcanwin
  6. // @namespace    https://github.com/xcanwin/EasyCSDN/
  7. // @supportURL   https://github.com/xcanwin/EasyCSDN/
  8. // @license      GPL-2.0-only
  9. // @match        *://blog.csdn.net/*/article/details/*
  10. // @match        *://*.blog.csdn.net/article/details/*
  11. // @grant        GM_addStyle
  12. // @run-at       document-start
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     const $ = (Selector, el) => (el || document).querySelector(Selector);
  19.     const $$ = (Selector, el) => (el || document).querySelectorAll(Selector);
  20.  
  21.     /*电脑端净化样式*/
  22.     const purify_style_pc = `
  23. .passport-login-container /*隐藏[置顶的]登录提示*/,
  24. .passport-login-tip-container /*隐藏[置顶的]登录权益提示*/,
  25. body>#toolbarBox /*隐藏[置顶的][顶部的]菜单栏*/,
  26. .left-toolbox /*隐藏[置顶的][底部的]关注栏*/,
  27. .blog_container_aside /*隐藏[左边的]栏*/,
  28. #rightAside /*隐藏[右边的]栏*/,
  29. .csdn-side-toolbar /*隐藏[右边的]磁吸栏*/,
  30. .blog-footer-bottom /*隐藏[底部的]网站介绍*/,
  31. .recommend-nps-box /*隐藏[底部的]打分*/,
  32. .blog-tags-box /*隐藏[正文的][顶部的]分类*/,
  33. .column-group /*隐藏[正文的][顶部的]加入社区*/,
  34. #blogColumnPayAdvert /*隐藏[正文的][顶部的]专栏*/,
  35. .more-toolbox-new /*隐藏[正文的][底部的]关注栏*/,
  36. #treeSkill /*隐藏[正文的][底部的]技能树*/,
  37. .recommend-box /*隐藏[正文的][底部的]推荐文章*/,
  38. .hljs-button.signin /*隐藏[正文的][代码块的]复制提示*/,
  39. .code-annotation /*隐藏[正文的][代码块的]一键注释*/,
  40. .article-search-tip /*隐藏[正文的]搜索提示*/
  41. {
  42.     display: none !important;
  43. }
  44.  
  45. /*隐藏背景*/
  46. body {
  47.     background: none !important;
  48.     background-image: unset !important;
  49.     background-color: unset !important;
  50. }
  51.  
  52. /*标题居中增大*/
  53. #articleContentId {
  54.     display: flex;
  55.     justify-content: center;
  56.     font-size: 33px;
  57.     padding-top:10px;
  58.     padding-bottom: 10px;
  59. }
  60.  
  61. /*正文的div居中*/
  62. #mainBox {
  63.     display: flex;
  64.     justify-content: center;
  65. }
  66.  
  67. /*展示全屏*/
  68. #mainBox {
  69.     width: 100%;
  70. }
  71. #mainBox main {
  72.     width: 95%;
  73.     margin-bottom: unset !important;
  74. }
  75. .main_father {
  76.     padding: unset !important;
  77. }
  78. .main_father.d-flex {
  79.     display: unset !important;
  80. }
  81.  
  82. /*临时显示*/
  83. .show-temp {
  84.     display: unset !important;
  85. }
  86.  
  87. /*适当展示图片*/
  88. img {
  89.     max-width: 70% !important;
  90. }
  91.  
  92. /*阅读全文*/
  93. .hide-article-box {
  94.     display: none !important;
  95. }
  96. #article_content {
  97.     height: auto !important;
  98.     overflow: auto !important;
  99. }
  100. `;
  101.  
  102.  
  103.     /*移动端净化样式*/
  104.     const purify_style_mb = `
  105. #csdn-toolbar /*隐藏[置顶的][顶部的]菜单栏*/,
  106. #operate /*隐藏[置顶的][底部的]搜索标签与评论*/,
  107. .aside-header-fixed /*隐藏[顶部的]关注*/
  108. {
  109.     display: none !important;
  110. }
  111.  
  112. /*展示全屏*/
  113. body #main {
  114.     padding-top: unset !important;
  115.     margin-top: unset !important;
  116. }
  117. body {
  118.     padding-bottom: unset !important;
  119. }
  120.  
  121. /*展示分界线*/
  122. .spec_space {
  123.     background-color: #ffebeb !important;
  124.     height: 32px !important;
  125. }
  126. `;
  127.  
  128.     //净化页面
  129.     const purifyPage = function() {
  130.         GM_addStyle(purify_style_pc);
  131.         GM_addStyle(purify_style_mb);
  132.     };
  133.  
  134.     //显示推荐的开关
  135.     const showRecommend = function() {
  136.         const sr = document.createElement("div");
  137.         sr.style = "height: 64px; background-color: #eaeaea;";
  138.         sr.onclick = function() {
  139.             $$(".recommend-box").forEach(el => {
  140.                 el.classList.toggle("show-temp");
  141.             });
  142.             $(".recommend-box")?.scrollIntoView();
  143.         };
  144.         $('main').insertBefore(sr, $('.recommend-box'));
  145.     };
  146.  
  147.     //展开代码
  148.     const prettyCode = function() {
  149.         const browser_menu_height = window.outerHeight - window.innerHeight; //浏览器顶部菜单栏高度
  150.         const browser_height_max = screen.height - browser_menu_height; //浏览器最大可展示高度
  151.         let i = 0;
  152.         $$('.set-code-hide').forEach(el => {
  153.             if (i == 0 && $("code", el)?.clientHeight <= browser_height_max * 1.8) {
  154.                 //预判首个代码块实际高度，若小于浏览器最大可展示高度的180%，则自动展开代码
  155.                 $(".hide-preCode-bt", el)?.click();
  156.             } else if ($("code", el)?.clientHeight <= browser_height_max * 0.8) {
  157.                 //预判其余代码块实际高度，若小于浏览器最大可展示高度的80%，则自动展开代码
  158.                 $(".hide-preCode-bt", el)?.click();
  159.             }
  160.             i++;
  161.         });
  162.     };
  163.  
  164.     //拦截推荐搜索
  165.     const hookXHR = function() {
  166.         const origOpen = XMLHttpRequest.prototype.open;
  167.         const block_url = 'redisdatarecall\.csdn\.net/recommend/';
  168.         XMLHttpRequest.prototype.open = function() {
  169.             console.log('request started!');
  170.             const reqUrl = arguments[1];
  171.             if (reqUrl.match(block_url)){
  172.                 return;
  173.             }
  174.             origOpen.apply(this, arguments);
  175.         };
  176.     };
  177.  
  178.     window.onload = function() {
  179.         showRecommend();
  180.         prettyCode();
  181.     };
  182.  
  183.     purifyPage();
  184.     hookXHR();
  185.  
  186. })();