☰

Programer's Web Friend

change Programer's Web style to mobile device friendly ,and more readble

目前为 2018-09-19 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Programer's Web Friend
  3. // @namespace    https://tampermonkey.net/
  4. // @version      1.9.13
  5. // @description  change Programer's Web style to mobile device friendly ,and more readble
  6. // @author       @Amormaid
  7. // @run-at       document-end
  8. // /*@require      https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.2/babel.js  */
  9. // /*@require      https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.js  */
  10. // @match        http://*/*
  11.  
  12. // @include     http://*
  13. // @include     https://*
  14.  
  15. // @exclude     http://localhost*
  16. // @exclude     https://www.youtube.com/*
  17. // @exclude     http://demo.mycodes.net/*
  18. // @exclude     https://kiwivm.64clouds.com/*
  19. // @exclude     https://www.instagram.com/*
  20. // @exclude     http://www.h-ui.net/*
  21. // @exclude     http://www.layui.com*
  22. // @exclude     https://www.kixeye.com*
  23. // @exclude     https://pan.baidu.com*
  24. // @exclude     https://www.rishiqing.com*
  25. // @exclude     https://wx.qq.com*
  26. // @exclude     https://mail.126.com*
  27. // @exclude     https://twitter.com*
  28. // @exclude     https://reactjs.org*
  29. // @exclude     https://codepen.io*
  30. // @exclude     http://mail.wellav.com*
  31. // @exclude     http://webserver.com/*
  32. // @exclude     http://cr.sencore.com/*
  33. // @exclude     https://free.modao.cc/*
  34.  
  35.  
  36. // @license     MIT License
  37. // @grant       none
  38. // ==/UserScript==
  39.  
  40. /* jshint ignore:start */
  41. //var inline_src = (<><![CDATA[
  42. /* jshint ignore:end */
  43.     /* jshint esnext: false */
  44.     /* jshint esversion: 6 */
  45.  
  46.  
  47. /*
  48. if(typeof(jQuery) === 'undefined'){
  49.     var jquery_script = document.createElement('script');
  50.     jquery_script.src = 'https://code.jquery.com/jquery-3.2.1.min.js';
  51.     document.body.append(jquery_script);
  52. }
  53. */
  54.  
  55.  
  56.  
  57. var  root= document.body;
  58. var links = /\d+\.\d+\.\d+\.\d+/.test(window.location.hostname) ? "ip"  : window.location.hostname;
  59. var remove_div,elem,elem_2, arr,ad_ele,remove_ele;
  60. var content_old,content_new;
  61.  
  62. window.change_style_flag = true;
  63.  
  64.  
  65. try{
  66.  
  67.     console.time("allen_web_time_count");
  68.  
  69.     switch(links){
  70.  
  71.         case "ip":
  72.             //content_get();
  73.             break;
  74.  
  75.         case "wc-kx-vip.sjc.kixeye.com":
  76.             $$('#above-game-message','remove_one');
  77.             $$('#kxp-footer-bar','remove_one');
  78.             $$('#topnavbar_back','remove_one');
  79.             break;
  80.  
  81.         case "www.baidu.com":
  82.         case "zhidao.baidu.com":
  83. 		    var zhidao_body  = $$("#body","return_one");
  84.             var container = $$("#container","return_one");
  85.             var head = $$("#head","return_one");
  86.             var pad = $$("#s_tab","return_one");
  87.             var u = $$("#u","return_one");
  88.             var setInterval_id;
  89.  
  90. 			zhidao_body && (function(){zhidao_body.style.left = "50px"})();
  91.             container && (function(){container.style.width = "700px"})();
  92.             head && (function(){
  93.                 head.style.position = 'relative';
  94.                 head.style.width = window.innerWidth-100+'px';
  95.                 head.style['min-width'] = 0;
  96.             })();
  97.             pad && (function(){pad.style.padding = '0 0 0 121px'})();
  98.             u && (function(){u.style.display = 'none'})();
  99.  
  100.             document.body.style['min-width'] = '10px';
  101.  
  102.             setInterval_id = setInterval(function(){
  103.                 if($$("#content_right",'return_all') ){
  104.                    $$("#content_right",'remove_all');
  105.                    var count = window.clear_count || 0;
  106.                    count++;
  107.                    window.clear_count = count;
  108.                    count > 99 && clearInterval(setInterval_id);
  109.                 }
  110.             },100);            
  111.             break;
  112.  
  113.         case "www.cnblogs.com":
  114.         case "blog.csdn.net":
  115.             var content = $$("#content","return_one");
  116.             
  117.             $$("#sidebar","remove_one");
  118.             $$("#side",'remove_one');
  119.  
  120.             content && (function(){
  121.                 content.style["margin-right"]  =  "10";
  122.                 content.style.width = window.innerWidth-100+'px';
  123.             })();
  124.             
  125.             break;
  126.             
  127.         case "www.w3school.com.cn":
  128. 			$$("#navsecond",'hide_one');
  129.             
  130.             break;
  131.  
  132.         case "wallstreetcn.com":
  133.  
  134.             setInterval(function(){
  135.                 $$('.news-item__cover','remove_all');
  136.                 change_style();
  137.             },500);
  138.  
  139.             $$('.left-bar','remove_one');
  140.             break;
  141.  
  142.         case "www.merriam-webster.com":
  143. 			$$(".right-rail",'hide_one');
  144. 			$$("#recirc-bar-footer",'hide_one');
  145. 			$$(".wgt-related-to.jc-card-box.clearfix",'hide_one');
  146.             break;
  147.  
  148.         case "blog.sina.com.cn":
  149. 			$$("#column_1",'hide_one');
  150.             break;
  151.  
  152.         case "blog.jobbole.com":
  153.         case "web.jobbole.com":
  154. 			$$("#sidebar",'hide_one');
  155.             var grid = $$(".grid-8",'return_one');
  156.             grid && (function(){grid.style.width = "100%"})();             
  157.             break;
  158.  
  159.         case "juejin.im":
  160.             var interval_id = setInterval(function(){
  161.                 var a = document.getElementsByClassName("show-full")[0];
  162.                 var b = document.getElementsByClassName("show-full-block")[0];
  163.                 var c = document.getElementsByClassName(" show-full-btn")[0];
  164.  
  165.                 $$('.columen-view-aside','hide_one');
  166.  
  167.                 if(a)a.style.height = "auto";
  168.                 if(b){
  169.                     clearInterval(interval_id);
  170.                     b.style.height = "auto";
  171.                 }
  172.                 if(c)c.style.display = "none";
  173.  
  174.             },100);
  175.             break;
  176.  
  177.         case "www.cnblogs.com":
  178.             
  179.             $$("#sideBar",'hide_one');
  180.             $$("#vid",'hide_one');
  181. 			$$("#left",'hide_one');
  182. 			$$("#right_content",'hide_one');
  183. 			$$("#leftcontent",'hide_one');
  184. 			var a = $$("#centercontent",'return_one');
  185.             if(a){a.style['padding-left'] = 0;}
  186.             break;
  187.  
  188.         case "github.com":
  189.             document.body.style.minWidth = '100px';
  190.             var github_pad = document.querySelector('.column.three-fourths.codesearch-results.pr-6') ;
  191.             if(github_pad ){
  192.                 github_pad.style.padding = '10px 0 10px 30px';
  193.             }
  194.             //change_style(,{'max-width':document.body.clientWidth+'px'});            
  195.             break;
  196.  
  197.         case "wiki.jikexueyuan.com":
  198. 			$$(".detail-left",'hide_one');
  199.             var a = $$(".detail-main",'no_option','one');
  200.             a.style['margin-left'] = '0px';
  201.             a.style.width = document.body.clientWidth+'px';
  202.             break;
  203.  
  204.         case "www.cssmoban.com":
  205.             var a = $$(".wide-main.col-media-main.clearfix",'return_one');
  206.             a.style.width = document.body.clientWidth+'px';
  207.             break;
  208.  
  209.         case "www.kancloud.cn":
  210.             var interval_id = setInterval(function(){
  211.                if(document.querySelector(".sidebar")){
  212.                   var a = document.querySelector(".sidebar");
  213.                   document.querySelector(".workspace").style.left = "180px";
  214.                   a.style.width = '180px';
  215.                    change_style(a);
  216.                   clearInterval(interval_id);
  217.                }
  218.             },100);
  219.             break;
  220.  
  221.         case "php.net":
  222.             $$('.layout-menu','remove_one');
  223.             if($$(".sect1",'return_one'))$$(".sect1",'return_one').style.width =  document.body.clientWidth-50+"px";
  224.             if($$("#usernotes",'return_one'))$$("#usernotes",'return_one').style.width =  document.body.clientWidth-50+"px";    
  225.             break;
  226.  
  227.         case "www.zhihu.com":
  228.             $$('.Question-sideColumn.Question-sideColumn--sticky','remove_one');
  229.             $$('.AdblockBanner-inner','remove_one');
  230.             $$('.QuestionHeader-side','remove_all');
  231.             $$('.AppHeader-userInfo','remove_all');
  232.  
  233.             var browser_width  = document.body.clientWidth -50+"px";
  234.             $$('.QuestionHeader-content','return_one').style.width = browser_width;
  235.  
  236.             setInterval(function(){
  237.                if(document.querySelector(".HitQrcode")){
  238.                    $$('.HitQrcode','remove_one');
  239.                }
  240.             },100);
  241.             break;
  242.  
  243.         case "www.letscorp.net":
  244.             $$('#commentlist','remove_one');
  245.             $$('#sidebar','remove_one');
  246.             $$('#header','remove_one');
  247.  
  248.             var browser_width  = document.body.clientWidth -50+"px";
  249.             $$('#container','return_one').style.width = browser_width;
  250.             $$('#main','return_one').style.height = "auto";
  251.             var p_ele = $$('p','return_all');
  252.             Array.prototype.forEach.call(p_ele,function(e){
  253.                 e.style["font-size"] = "16px";
  254.             });
  255.             break;
  256.  
  257.         case "segmentfault.com":
  258.             $$("#loginBanner","remove_one");
  259.             break;
  260.             
  261.         case "huziketang.mangojuice.top":
  262.             for(var i=0 ;i<10000 ;i++){
  263.                 clearInterval(i);
  264.             }
  265.             $$("div","return_all").forEach(function(ele){
  266.                 if(ele.id && ele.id!=="wrapper" && ele.id!=="uyan_frame" && ele.id!=="donate-mask" ){
  267.                     ele.parentNode.removeChild(ele);
  268.                 }
  269.             });
  270.             break;
  271.  
  272.         case "lvv2.com":
  273.             if( $$(".link.show","return_all") ) {
  274.                 $$(".link.show","return_all").forEach(function(ele){
  275.                     if(ele.querySelector('a.title') ){
  276.                         // console.log(ele.querySelector('a.title').innerHTML)
  277.                         ele.querySelector('a.title').style.fontSize = '16px'
  278.                         var title = ele.querySelector('a.title').innerHTML
  279.                         var porn_list = ['约炮','母狗','调教','草','鸡巴','小受','口爆','野战','SM','sm','贱货','被虐','淫','内裤','屁眼','蕾丝','姿势','体位','色情','骚','屌','淫荡','射','艹','丝袜','情色','调情','做爱','操','捆绑','挑逗','绿帽','潮喷','援交','jj','JJ','潮吹','3p','3P','腰','臀','肉棒','啪啪','圣水']
  280.                         var politic_list = ['中共','土共','民主','法治','天安门','老兵','自由','殴打','近平','奴隶','道德','强拆','法律','监狱','城管','土匪','毛腊肉','老毛','专制','社会主义','党中央','统治','酷刑','党员','人民','民族','P2P','普京','英雄','纳税','维权','执法','警察','独裁','政府','郭文贵','文革','武装','共产','垬','毛泽东','政权','枪','举报','恐怖','宗教','卖国','死','软禁']
  281.                         var key_word_list = porn_list.concat( politic_list)
  282.                         var porn_detection = key_word_list.some(function(ele){
  283.                             return title.indexOf(ele) > -1
  284.                         })
  285.                         porn_detection && ele.parentNode.removeChild(ele)
  286.                         // ele.parentNode.removeChild(ele);
  287.                     }
  288.                 });
  289.             }
  290.             break;
  291.  
  292.         default:
  293.             var obj = main_ele_searcher();
  294.             ele_remover(obj);
  295.             //main_content_adjust(obj.main_ele);
  296.             
  297.     }
  298.     
  299.     window.change_style_flag && change_style();
  300.     console.clear();
  301.     console.timeEnd("allen_web_time_count");
  302.  
  303.  
  304. }catch(err){
  305.     //console.log(err.name,' ',err.message);
  306.     console.log(err.stack);
  307. }
  308.  
  309.  
  310.  
  311. //window.frames
  312. //Array.prototype.slice.call(ele)
  313.  
  314. //寻找页面的主要内容
  315. function main_ele_searcher() {
  316. 	var ele = document.querySelectorAll("*");
  317.     var arr = [];
  318.     //var  arr_index = [];
  319.     var w,h;
  320.  
  321.     var  body_width = document.body.clientWidth;
  322.     var  body_height = document.body.clientHeight;
  323.  
  324.     if(!body_height){
  325.         var max_width = 0,max_height = 0;
  326.         document.documentElement.style.height = '100%';
  327.         document.body.style.height = '100%';
  328.  
  329.         for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  330.             w = ele[i].clientWidth;
  331.             h =  ele[i].clientHeight;
  332.             if ( w > max_width) {max_width = w;}
  333.             if ( h > max_height) {max_height = h;}
  334.             w=null;
  335.             h =null;
  336.         }
  337.         body_width = max_width ;
  338.         body_height = max_height;
  339.     }
  340.  
  341.  
  342. 	for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  343.         w = ele[i].clientWidth;
  344.         h =  ele[i].clientHeight;
  345.         //console.log(h);
  346.  
  347. 		if ( w && h && w >body_width/2  && h> body_height/5 && w <body_width  && h< body_height) {
  348.             arr[w * h] = ele[i];
  349.             //console.log(ele[i]);
  350.             //arr_index.push(w * h);
  351. 		}
  352.         w=null;
  353.         h =null;
  354. 	}
  355.     var main_ele = arr[arr.length-1]  || document.body;
  356.     return {
  357.         main_ele,
  358.         body_width,
  359.         body_height
  360.     };
  361. }
  362.  
  363. //去除侧边栏这样“狭长”的内容
  364. function ele_remover(obj){
  365.     var w,h;
  366.     var  {main_ele,body_width, body_height }= obj;
  367.     var ele = document.querySelectorAll("*");
  368.     //console.log(main_ele,body_width, body_height )
  369. 	for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  370.         w = ele[i].clientWidth;
  371.         h =  ele[i].clientHeight;
  372.         //  main_ele.parentNode.children
  373.         if (!ele[i].contains(main_ele) && !main_ele.contains(ele[i])  &&( ele[i] !==main_ele) && w *1.4 < h && w < body_width/2 && w > body_width/10    ) {
  374.             //content_adjust(ele[i]);
  375.             console.log("---------element   removed ------------");
  376.             console.log(ele[i]);
  377.             console.log("---------element   removed ------------");
  378.  
  379.             ele[i].parentNode.removeChild(ele[i]);
  380.         }
  381.         w=null;
  382.         h =null;
  383. 	}
  384. }
  385.  
  386. //去除被移除元素的兄弟元素的padding  margin
  387. function  content_adjust(ele){
  388.     var  siblings = ele.parentNode.children;
  389.     ele.parentNode.style.position = "relative";
  390.     // console.log(ele);
  391. 	for (let i = 0, ele_length = siblings.length; i < ele_length; i++) {
  392.         //console.log(siblings[i]);
  393.         siblings[i].setAttribute('style','position:relative;padding:20px;margin:0px;overflow:visible;');
  394. 	}
  395. }
  396.  
  397.  
  398. //调整主要内容的样式
  399. function  main_content_adjust(main_ele){
  400.     //var a = [{x,y,top,right,bottom,left,width}]=main_ele.getClientRects();
  401.     //main_ele.parentNode.style.position = "relative";
  402.     //main_ele.setAttribute('style','position:relative;padding:20px 20px 20px 40px;margin:auto;clear:both;overflow:visible;');
  403.     var ratio =0.9 * (window.innerWidth ) /main_ele.clientWidth;
  404.     var ele = main_ele.querySelectorAll('*');
  405.     // console.log(ele);
  406. 	for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  407.         ele[i].style.width = ele[i].clientWidth* ratio +"px";
  408.         ele[i].style.overflow = 'visible';
  409.         //console.log(i);
  410. 	}
  411.  
  412. }
  413.  
  414. //背景调色
  415. function change_style (arr){
  416.    //  执行速度 ：  for 循环 > forEach > 尾递归 >递归 (迭代)
  417.     var all = arr  || document.querySelectorAll('*');
  418. 	for (let i = 0, ele_length = all.length; i < ele_length; i++) {
  419.         if(!all[i].style.backgroundColor){
  420.             all[i].style.backgroundColor =  "rgba("+parseInt(239*(1-0.1*Math.random()))+","+parseInt(239*(1-0.1*Math.random()))+","+parseInt(187*(1-0.1*Math.random()))+",0.8)" ;
  421.         }
  422. 	}
  423. }
  424.  
  425. function do_not_change_style(){
  426.     window.change_style_flag = false;
  427. }
  428.  
  429. function ele_hide(e){
  430.    if(e)e.style.display = "none" ;
  431. }
  432. function ele_hide_all(all){
  433.     Array.prototype.forEach.call(all,function(e){e.style.display = "none";});
  434. }
  435. function ele_remove(e){
  436.    if(e) e.parentNode.removeChild(e);
  437. }
  438. function ele_remove_all(all){
  439.     Array.prototype.forEach.call(all,function(e){e.parentNode.removeChild(e);});
  440. }
  441.  
  442.  
  443. function $$(selector,operation_code){
  444.     // operation_code  : return_one return_all remove_one remove_all hide_one hide_all
  445.  
  446. 	switch(operation_code){
  447.         case 'return_one': //return_one
  448.             return  document.querySelector(selector) ;
  449.         case 'return_all':// return_all
  450.             return  document.querySelectorAll(selector);
  451.         case 'remove_one':  //remove_one
  452.             ele_remove(document.querySelector(selector));
  453.             break;
  454.         case 'remove_all': //remove_all
  455.             ele_remove_all(document.querySelectorAll(selector));
  456.             break;
  457.         case 'hide_one': //hide_one
  458.             ele_hide(document.querySelector(selector));
  459.             break;
  460.         case 'hide_all':// hide_all
  461.             ele_hide_all(document.querySelectorAll(selector));
  462.             break;
  463.  
  464. 		default:
  465.             var result = document.querySelectorAll(selector);
  466.             return  result.length >1 ? result : result[0] ;
  467. 	}
  468. }
  469.  
  470.  
  471. function remove_div_padding_margin(ele){
  472. 	if( ele ){
  473. 		ele.setAttribute('style','overflow:visible;position:relative;padding:0px;margin:0px;left:0px;');
  474. 	}
  475.     if(ele && ele.children.length > 0){
  476.         Array.prototype.forEach.call(ele.children,(function(e){
  477.             remove_div_padding_margin(e);
  478.         }));
  479.     }
  480. }
  481.  
  482. function  content_get() {
  483.     var ajax = new XMLHttpRequest();
  484.     ajax.open('get', '/');
  485.     ajax.send();
  486.     ajax.onreadystatechange = function() {
  487.         if (ajax.readyState == 4 && ajax.status == 200) {
  488.             content_new = ajax.responseText;
  489.             //console.log(content_new);
  490.             content_old = content_old || content_new;
  491.             if(content_new !== content_old){
  492.                 location.reload() ;
  493.             }
  494.         }
  495.     };
  496.  
  497.     setTimeout(content_get,1000);
  498. }
  499.  
  500.  
  501.  
  502.  
  503.  
  504. /* jshint ignore:start */
  505. //]]></>).toString();
  506. //var c = Babel.transform(inline_src, { presets: [ "es2015", "es2016" ] });
  507. //eval(c.code);
  508. /* jshint ignore:end */