☰

clean CSDN blog

还你一个干净的阅读体验

Versione datata 07/08/2017. Vedi la nuova versione l'ultima versione.

  1. // ==UserScript==
  2. // @name         clean CSDN blog
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.2
  5. // @description  还你一个干净的阅读体验
  6. // @author       Lynxz
  7. // @match        http://blog.csdn.net/*/article/details/*
  8. // @grant        none
  9. // ==/UserScript==
  10. // CSDN文章清除博客文章侧边栏和广告元素
  11. // CSDN已自带jquery了,不需要添加此依赖
  12. (function() {
  13.     'use strict';
  14.     let oriWidth = $('#main').width();
  15.     // 删除blog页面左侧个人资料等侧边栏
  16.     $('#side').remove();
  17.     // 移除blog内容区域右侧上层互动的二维码和快速回复,我要收藏等元素
  18.     $('.csdn-tracking-statistics').remove();
  19.     $('#layerd').remove();
  20.     // 设置blog内容区域width 100%,填满移除侧边栏后的区域
  21.     $('#main').css('padding-left',0);
  22.     $('#main').css('width','100%');
  23.     $('#main .main').css('padding-left','0px');
  24.     $('#main .main').css('margin-left','0px');
  25.     let curWidth = $('#main').width();
  26.     // 设置文章内容区域的宽度,默认880px,避免阅读时眼球左右转动幅度过大,自行按需调整吧
  27.     let w = $('#article_details').width();
  28.     let defaultWidth = 880;
  29.     let margin = (w - defaultWidth) / 2 ;
  30.     console.log("oriWidth = " + oriWidth + " curWidth = " + curWidth + "  w = " + w + " margin = " + margin);
  31.     if(margin > 10){
  32.         $('#article_details').width(defaultWidth);
  33.         $('#article_details').css('margin-left', margin +'px');
  34.     }
  35. })();