☰

csdn纯净版

csdn纯净版-只保留文字与评论

  1. // ==UserScript==
  2. // @name         csdn纯净版
  3. // @description  csdn纯净版-只保留文字与评论
  4. // @version      0.3
  5. // @author       tomiaa
  6. // @match      *://blog.csdn.net/*
  7. // @namespace    http://tampermonkey.net/
  8.  
  9.  
  10. // ==/UserScript==
  11. ; (() => {
  12.   const $ = id => document.querySelector(id);
  13.   console.clear();
  14.   const config = {
  15.     'default': {
  16.       remove: [
  17.         /* 左侧 */
  18.         '#asideSearchArticle',
  19.         '#asideHotArticle',
  20.         '#asideCategory',
  21.         '#asideNewNps',
  22.         '#asideArchive',
  23.         '.aside-box-footer',
  24.         '#asideNewComments',
  25.  
  26.         '.blog-tags-box',
  27.         '.article-type-img',
  28.         '.c-gray',
  29.         '#blogColumnPayAdvert',
  30.         '#health-companies',
  31.         '.tool-QRcode',
  32.         '.toolbar-advert',
  33.  
  34.  
  35.  
  36.         /* 右侧 */
  37.         '#asideArchive',
  38.         '.csdn-side-toolbar',
  39.  
  40.  
  41.         '#copyright-box', // 底部
  42.         '.recommend-box', // 推荐文章
  43.         '.recommend-tit-mod',
  44.         '.template-box',
  45.  
  46.         '.comment-sofa-flag',
  47.         
  48.  
  49.         '#footerRightAds',
  50.  
  51.  
  52.       ],
  53.       css: `
  54.       .more-toolbox-active .left-toolbox{
  55.         transform: translateX(-34.4%) !important;
  56.         left: 50% !important;
  57.       }
  58.       body{
  59.         background: #f6f0da !important;
  60.       }
  61.       `,
  62.     }
  63.   }
  64.   class Clear {
  65.  
  66.     constructor(config) {
  67.       this.config = config;
  68.       this.domain = '';
  69.       this.query = null;
  70.       this.init();
  71.     }
  72.  
  73.     init() {
  74.       // const currentHref = location.href.split('?');
  75.       // this.domain = currentHref[0];
  76.       this.domain = 'default'
  77.       // this.query = currentHref[1];
  78.       console.log(this.domain);
  79.  
  80.       this.removeToHidden(this.config?.[this.domain]?.remove);
  81.       this.addCss(this.config?.[this.domain]?.css);
  82.       this.remove(this.config?.[this.domain]?.remove);
  83.       this.config?.[this.domain]?.fn?.();
  84.  
  85.     }
  86.  
  87.     remove(arr = []) {
  88.       arr.map(item => $(item)).forEach(item => {
  89.         item?.remove();
  90.       })
  91.     }
  92.  
  93.     removeToHidden(arr = []) {
  94.       if (!arr.length) return;
  95.       this.addCss(arr.join(',') + `{    
  96.         display: none !important;
  97.       }`)
  98.     }
  99.  
  100.     addCss(css = '') {
  101.       if (!css) return;
  102.       let style = document.createElement('style')
  103.       style.innerHTML = css;
  104.       document.documentElement.appendChild(style);
  105.     }
  106.  
  107.   }
  108.   new Clear(config);
  109. })();