☰

Programer's Web Friend

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

目前为 2019-02-08 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Programer's Web Friend
  3. // @namespace    https://tampermonkey.net/
  4. // @version      2.3.3
  5. // @description  change Programer's Web style to mobile device friendly ,and more readble
  6. // @author       @Amormaid
  7. // @run-at       document-end
  8. // @match        http://*/*
  9. // @include     http://*
  10. // @include     https://*
  11. // @exclude     http://localhost*
  12. // @license     MIT License
  13. // @grant       none
  14. // ==/UserScript==
  15.  
  16.  
  17. main()
  18.  
  19. function main() {
  20.   // var root = document.body;
  21.   // var hostname = /\d+\.\d+\.\d+\.\d+/.test(window.location.hostname) ? "ip": window.location.hostname;
  22.   var hostname = window.location.hostname;
  23.  
  24.   if (exclude_check(hostname)) {
  25.     return
  26.   }
  27.  
  28.   // console.clear();
  29.  
  30.   try {
  31.     console.time("allen_web_time_count");
  32.   
  33.     // customer change 
  34.     let rules = customer_rules()
  35.     let matched_rule = rules.filter( rule_item => rule_item.hostname instanceof Array 
  36.       ? rule_item.hostname.includes(hostname) 
  37.       : rule_item.hostname === hostname 
  38.     )[0]
  39.     matched_rule.action()
  40.     // main_content_adjust(obj.main_ele);
  41.     var main_content = main_ele_searcher();
  42.     ele_remover(main_content);
  43.     // full window
  44.     // document.body.style.cssText = "position:absolute; top:0;right:0; bottom:0;left:0;"
  45.     // document.body.style.width = window.innerWidth
  46.     // document.body.style.height = window.innerHeight
  47.     
  48.     change_style();
  49.     console.timeEnd("allen_web_time_count");
  50.   } catch(err) {
  51.     //console.log(err.name,' ',err.message);
  52.     console.log(err.message);
  53.   }
  54. }
  55.  
  56. //  white list check
  57. function exclude_check(hostname_param) {
  58.   // 不执行脚本的网站白名单
  59.   let exclude_list = [
  60.       "www.youtube.com",
  61.       "demo.mycodes.net",
  62.       "kiwivm.64clouds.com",
  63.       "www.instagram.com",
  64.       "www.h-ui.net",
  65.       "www.layui.com",
  66.       "www.kixeye.com",
  67.       "pan.baidu.com",
  68.       "www.rishiqing.com",
  69.       "wx.qq.com",
  70.       "mail.126.com",
  71.       "twitter.com",
  72.       "reactjs.org",
  73.       "codepen.io",
  74.       "free.modao.cc",
  75.       "lanhuapp.com",
  76.       "developers.weixin.qq.com",
  77.       "jira.vankeservice.com",
  78.       "www.tapd.cn",
  79.       "10.0.74.227",
  80.       "modao.cc",
  81.       "element-cn.eleme.io",
  82.       ""
  83.   ]
  84.   return exclude_list.includes(hostname_param)
  85. }
  86.  
  87. // 自定义样式调整
  88. function customer_rules() {
  89.   let rules = [
  90.     {
  91.       rule: "default",
  92.       hostname: "ip",
  93.       regexp: "",
  94.       action: () => {}
  95.     },
  96.     {
  97.       rule: "default",
  98.       hostname: "wc-kx-vip.sjc.kixeye.com",
  99.       regexp: "",
  100.       action: () => {
  101.         $$('#above-game-message', 'remove_one');
  102.         $$('#kxp-footer-bar', 'remove_one');
  103.         $$('#topnavbar_back', 'remove_one');
  104.       }
  105.     },
  106.     {
  107.       rule: "default",
  108.       hostname: ["www.baidu.com", "zhidao.baidu.com"],
  109.       regexp: "",
  110.       action: () => {
  111.         let interval_id = setInterval( () => {
  112.           const right_list_length = 5
  113.           $$("#content_right", 'remove_all');
  114.           var zhidao_body = $$("#body", "return_one");
  115.           var container = $$("#container", "return_one");
  116.           var head = $$("#head", "return_one");
  117.           var pad = $$("#s_tab", "return_one");
  118.           $$("#rs", "remove_all")
  119.           var u = $$("#u", "return_one");
  120.           container.style.cssText = "display:block;width:100%;position:relative;"
  121.           head && (() =>  {
  122.             head.style.position = 'relative';
  123.             head.style.width = window.innerWidth - 100 + 'px';
  124.             head.style['min-width'] = 0;
  125.           })();
  126.           pad && (() =>  {
  127.             pad.style.padding = '0 0 0 121px'
  128.           })();
  129.           u && (() =>  {
  130.             u.style.display = 'none'
  131.           })();
  132.           zhidao_body && (() =>  {
  133.             zhidao_body.style.left = "50px"
  134.           })();
  135.  
  136.           let origin_length = document.getElementById("content_left").children.length
  137.  
  138.           if (origin_length > 6) {
  139.             // console.log(content_list)
  140.             let right_list = Array.prototype.slice.call($$(".result", "return_all"),-1 - right_list_length, -1)
  141.             let container_r = document.createElement("div")
  142.             container_r.style.cssText += "display:block;position:absolute;top:40px;left:740px;width:600px;"
  143.             // let str = Array.prototype.reduce.call(right_list, (html_str, item ,index , right_list) => (item.innerHTML + html_str), '')
  144.             Array.prototype.forEach.call(right_list, item => {
  145.               item.style.cssText += "padding:10px 0;"
  146.               container_r.appendChild(item)
  147.             })
  148.             let container_r_dom = container.appendChild(container_r)
  149.             let page_indic = $$("#page", "return_one")
  150.             page_indic.style.cssText = "position:absolute;top:0px;left:660px;margin:-60px 0 0 0;z-index:300"
  151.           }
  152.  
  153.         },300)
  154.       }
  155.     },
  156.     {
  157.       rule: "default",
  158.       hostname: ["i.taobao.com", "trade.taobao.com", "rate.taobao.com", "buyertrade.taobao.com"],
  159.       regexp: "",
  160.       action: () => {
  161.         $$(".m-guess-you-like", "remove_one");
  162.         $$(".m-someone-like-you", 'remove_one');
  163.         $$("#p4p_ad", 'remove_one');
  164.         $$(".J_guess-you-like", 'remove_one');
  165.       }
  166.     },
  167.     {
  168.       rule: "default",
  169.       hostname: ["www.cnblogs.com", "blog.csdn.net"],
  170.       regexp: "",
  171.       action: () => {
  172.         var content = $$("#content", "return_one");
  173.         $$("#sidebar", "remove_one");
  174.         $$("#side", 'remove_one');
  175.  
  176.         content && (() =>  {
  177.           content.style["margin-right"] = "10";
  178.           content.style.width = window.innerWidth - 100 + 'px';
  179.         })();
  180.  
  181.         let article = $$("#article_content", "return_one");
  182.         article && (() => {
  183.           article.style.height = "100%";
  184.           article.style.overflow = "visible";
  185.         })() 
  186.         $$(".recommend-item-box", "remove_all");
  187.         $$(".hide-article-box", "remove_one");
  188.         $$("aside", "remove_one");
  189.         let main = $$("main", "return_one") 
  190.         if (main) main.style.float = "left";
  191.         setTimeout(() => {
  192.           $$(".adblock", "remove_one");
  193.         },
  194.         3000) 
  195.         $$(".pulllog-box", "remove_one");
  196.       }
  197.     },
  198.     {
  199.       rule: "default",
  200.       hostname: "www.w3school.com.cn",
  201.       regexp: "",
  202.       action: () => {
  203.         $$("#navsecond", 'hide_one');
  204.       }
  205.     },
  206.     {
  207.       rule: "default",
  208.       hostname: "wallstreetcn.com",
  209.       regexp: "",
  210.       action: () => {
  211.         setInterval(() =>  {
  212.           $$('.news-item__cover', 'remove_all');
  213.           $$('.qn-img', 'remove_all');
  214.           //  console.log(new Date() - 0)
  215.           change_style();
  216.         },
  217.         500);
  218.  
  219.         $$('.left-bar', 'remove_one');
  220.       }
  221.     },
  222.     {
  223.       rule: "default",
  224.       hostname: "www.merriam-webster.com",
  225.       regexp: "",
  226.       action: () => {
  227.         $$(".right-rail", 'hide_one');
  228.         $$("#recirc-bar-footer", 'hide_one');
  229.         $$(".wgt-related-to.jc-card-box.clearfix", 'hide_one');
  230.       }
  231.     },
  232.     {
  233.       rule: "default",
  234.       hostname: "blog.sina.com.cn",
  235.       regexp: "",
  236.       action: () => {
  237.         $$("#column_1", 'hide_one');
  238.       }
  239.     },
  240.     {
  241.       rule: "default",
  242.       hostname: ["blog.jobbole.com", "web.jobbole.com"],
  243.       regexp: "",
  244.       action: () => {
  245.         $$("#sidebar", 'hide_one');
  246.         var grid = $$(".grid-8", 'return_one');
  247.         grid && (() =>  {
  248.           grid.style.width = "100%"
  249.         })();
  250.       }
  251.     },
  252.     {
  253.       rule: "default",
  254.       hostname: "juejin.im",
  255.       regexp: "",
  256.       action: () => {
  257.         var interval_id = setInterval(() =>  {
  258.           var a = $$(".show-full", 'return_one');
  259.           var b = $$(".show-full-block", 'return_one');
  260.           $$(".show-full-btn", 'remove_one');
  261.           $$('.columen-view-aside', 'hide_one');
  262.  
  263.           if (a) a.style.height = "auto";
  264.           a && a.setAttribute('style', 'height:auto') 
  265.           if (b) {
  266.             clearInterval(interval_id);
  267.             b.setAttribute('style', 'height:auto')
  268.           }
  269.         },
  270.         100);
  271.         setInterval(change_style, 300)
  272.       }
  273.     },
  274.     {
  275.       rule: "default",
  276.       hostname: "www.cnblogs.com",
  277.       regexp: "",
  278.       action: () => {
  279.         $$("#sideBar", 'hide_one');
  280.         $$("#vid", 'hide_one');
  281.         $$("#left", 'hide_one');
  282.         $$("#right_content", 'hide_one');
  283.         $$("#leftcontent", 'hide_one');
  284.         var a = $$("#centercontent", 'return_one');
  285.         if (a) {
  286.           a.style['padding-left'] = 0;
  287.         }
  288.       }
  289.     },
  290.     {
  291.       rule: "default",
  292.       hostname: "github.com",
  293.       regexp: "",
  294.       action: () => {
  295.         document.body.style.minWidth = '100px';
  296.         var github_pad = document.querySelector('.column.three-fourths.codesearch-results.pr-6');
  297.         if (github_pad) {
  298.           github_pad.style.padding = '10px 0 10px 30px';
  299.         }
  300.       }
  301.     },
  302.     {
  303.       rule: "default",
  304.       hostname: "wiki.jikexueyuan.com",
  305.       regexp: "",
  306.       action: () => {
  307.         $$(".detail-left", 'hide_one');
  308.         var a = $$(".detail-main", 'no_option', 'one');
  309.         a.style['margin-left'] = '0px';
  310.         a.style.width = document.body.clientWidth + 'px';
  311.       }
  312.     },
  313.     {
  314.       rule: "default",
  315.       hostname: "www.cssmoban.com",
  316.       regexp: "",
  317.       action: () => {
  318.         var a = $$(".wide-main.col-media-main.clearfix", 'return_one');
  319.         a.style.width = document.body.clientWidth + 'px';
  320.       }
  321.     },
  322.     {
  323.       rule: "default",
  324.       hostname: "www.kancloud.cn",
  325.       regexp: "",
  326.       action: () => {
  327.         var interval_id = setInterval(() =>  {
  328.           var a = $$(".sidebar", 'return_one');
  329.           if (a) {
  330.             $$(".workspace", 'return_one').style.left = "180px";
  331.             a.style.width = '180px';
  332.             change_style(a);
  333.             clearInterval(interval_id);
  334.           }
  335.         },
  336.         100);
  337.       }
  338.     },
  339.     {
  340.       rule: "default",
  341.       hostname: "php.net",
  342.       regexp: "",
  343.       action: () => {
  344.         $$('.layout-menu', 'remove_one');
  345.         if ($$(".sect1", 'return_one')) $$(".sect1", 'return_one').style.width = document.body.clientWidth - 50 + "px";
  346.         if ($$("#usernotes", 'return_one')) $$("#usernotes", 'return_one').style.width = document.body.clientWidth - 50 + "px";
  347.       }
  348.     },
  349.     {
  350.       rule: "default",
  351.       hostname: "www.zhihu.com",
  352.       regexp: "",
  353.       action: () => {
  354.         $$('.Question-sideColumn.Question-sideColumn--sticky', 'remove_one');
  355.         $$('.AdblockBanner-inner', 'remove_one');
  356.         $$('.QuestionHeader-side', 'remove_all');
  357.         $$('.AppHeader-userInfo', 'remove_all');
  358.  
  359.         var browser_width = document.body.clientWidth - 50 + "px";
  360.         $$('.QuestionHeader-content', 'return_one').style.width = browser_width;
  361.  
  362.         setInterval(() =>  {
  363.           $$('.HitQrcode', 'remove_one');
  364.         },
  365.         100);
  366.       }
  367.     },
  368.     {
  369.       rule: "default",
  370.       hostname: "www.letscorp.net",
  371.       regexp: "",
  372.       action: () => {
  373.         $$('#commentlist', 'remove_one');
  374.         $$('#sidebar', 'remove_one');
  375.         $$('#header', 'remove_one');
  376.  
  377.         var browser_width = document.body.clientWidth - 50 + "px";
  378.         $$('#container', 'return_one').style.width = browser_width;
  379.         $$('#main', 'return_one').style.height = "auto";
  380.         var p_ele = $$('p', 'return_all');
  381.         Array.prototype.forEach.call(p_ele,
  382.         function(e) {
  383.           e.style["font-size"] = "16px";
  384.         });
  385.       }
  386.     },
  387.     {
  388.       rule: "default",
  389.       hostname: "segmentfault.com",
  390.       regexp: "",
  391.       action: () => {
  392.         $$("#loginBanner", "remove_one");
  393.       }
  394.     },
  395.     {
  396.       rule: "default",
  397.       hostname: "huziketang.mangojuice.top",
  398.       regexp: "",
  399.       action: () => {
  400.         for (var i = 0; i < 10000; i++) {
  401.           clearInterval(i);
  402.         }-
  403.         $$("div", "return_all").forEach(function(ele) {
  404.           if (ele.id && ele.id !== "wrapper" && ele.id !== "uyan_frame" && ele.id !== "donate-mask") {
  405.             ele.parentNode.removeChild(ele);
  406.           }
  407.         });
  408.       }
  409.     },
  410.     {
  411.       rule: "default",
  412.       hostname: "lvv2.com",
  413.       regexp: "",
  414.       action: () => {
  415.         if ($$(".link.show", "return_all")) {
  416.           $$(".link.show", "return_all").forEach(function(ele) {
  417.             if (ele.querySelector('a.title')) {
  418.               // console.log(ele.querySelector('a.title').innerHTML)
  419.               ele.querySelector('a.title').style.fontSize = '16px'
  420.               var title = ele.querySelector('a.title').innerHTML
  421.               var porn_list = ['日', '勾引', '野外', '肏', '抽插', '公厕', '舔', '茎', '肛', '奴', '约炮', '母狗', '调教', '草', '鸡巴', '小受', '口爆', '野战', 'SM', 'sm', '贱货', '被虐', '淫', '内裤', '屁眼', '蕾丝', '姿势', '体位', '色情', '骚', '屌', '淫荡', '射', '艹', '丝袜', '情色', '调情', '做爱', '操', '捆绑', '挑逗', '绿帽', '潮喷', '援交', 'jj', 'JJ', '潮吹', '3p', '3P', '腰', '臀', '肉棒', '啪啪', '圣水']
  422.               var politic_list = ['中共', '土共', '民主', '法治', '天安门', '老兵', '自由', '殴打', '近平', '奴隶', '道德', '强拆', '法律', '监狱', '城管', '土匪', '毛腊肉', '老毛', '专制', '社会主义', '党中央', '统治', '酷刑', '党员', '人民', '民族', 'P2P', '普京', '英雄', '纳税', '维权', '执法', '警察', '独裁', '政府', '郭文贵', '文革', '武装', '共产', '垬', '毛泽东', '政权', '枪', '举报', '恐怖', '宗教', '卖国', '死', '软禁']
  423.               var key_word_list = porn_list.concat(politic_list)
  424.               var porn_detection = key_word_list.some(function(ele) {
  425.                 return title.indexOf(ele) > -1
  426.               })
  427.               porn_detection && ele.parentNode.removeChild(ele)
  428.               // ele.parentNode.removeChild(ele);
  429.             }
  430.           });
  431.         }
  432.       }
  433.     },
  434.     {
  435.       rule: "default",
  436.       hostname: "",
  437.       regexp: "",
  438.       action: () => {
  439.  
  440.       }
  441.     },
  442.  
  443.   ]
  444.  
  445.   return rules
  446. }
  447.  
  448. //window.frames
  449. //Array.prototype.slice.call(ele)
  450.  
  451. //寻找页面的主要内容
  452. function main_ele_searcher() {
  453.     var ele = document.querySelectorAll("*");
  454.     var arr = [];
  455.     //var  arr_index = [];
  456.     var w, h;
  457.  
  458.     var body_width = document.body.clientWidth;
  459.     var body_height = document.body.clientHeight;
  460.  
  461.     if (!body_height) {
  462.         var max_width = 0, max_height = 0;
  463.         document.documentElement.style.height = '100%';
  464.         document.body.style.height = '100%';
  465.  
  466.         for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  467.             w = ele[i].clientWidth;
  468.             h = ele[i].clientHeight;
  469.             if (w > max_width) { max_width = w; }
  470.             if (h > max_height) { max_height = h; }
  471.             w = null;
  472.             h = null;
  473.         }
  474.         body_width = max_width;
  475.         body_height = max_height;
  476.     }
  477.  
  478.  
  479.     for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  480.         w = ele[i].clientWidth;
  481.         h = ele[i].clientHeight;
  482.         //console.log(h);
  483.  
  484.         if (w && h && w > body_width / 2 && h > body_height / 5 && w < body_width && h < body_height) {
  485.             arr[w * h] = ele[i];
  486.             //console.log(ele[i]);
  487.             //arr_index.push(w * h);
  488.         }
  489.         w = null;
  490.         h = null;
  491.     }
  492.     var main_ele = arr[arr.length - 1] || document.body;
  493.     return {
  494.         main_ele,
  495.         body_width,
  496.         body_height
  497.     };
  498. }
  499.  
  500. //去除侧边栏这样“狭长”的内容
  501. function ele_remover(obj) {
  502.     var w, h;
  503.     var { main_ele, body_width, body_height } = obj;
  504.     var ele = document.querySelectorAll("*");
  505.     //console.log(main_ele,body_width, body_height )
  506.     for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  507.         w = ele[i].clientWidth;
  508.         h = ele[i].clientHeight;
  509.         //  main_ele.parentNode.children
  510.         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) {
  511.             //content_adjust(ele[i]);
  512.             console.log("---------element   removed ------------");
  513.             console.log(ele[i]);
  514.             console.log("---------element   removed ------------");
  515.  
  516.             ele[i].parentNode.removeChild(ele[i]);
  517.         }
  518.         w = null;
  519.         h = null;
  520.     }
  521. }
  522.  
  523. //去除被移除元素的兄弟元素的padding  margin
  524. function content_adjust(ele) {
  525.     var siblings = ele.parentNode.children;
  526.     ele.parentNode.style.position = "relative";
  527.     // console.log(ele);
  528.     for (let i = 0, ele_length = siblings.length; i < ele_length; i++) {
  529.         //console.log(siblings[i]);
  530.         siblings[i].setAttribute('style', 'position:relative;padding:20px;margin:0px;overflow:visible;');
  531.     }
  532. }
  533.  
  534.  
  535. //调整主要内容的样式
  536. function main_content_adjust(main_ele) {
  537.     //var a = [{x,y,top,right,bottom,left,width}]=main_ele.getClientRects();
  538.     main_ele.parentNode.style.position = "relative";
  539.     main_ele.style.cssText = "position:absolute; top:0;right:0; bottom:0;left:0;"
  540.     // main_ele.setAttribute('style','position:relative;padding:20px 20px 20px 40px;margin:auto;clear:both;overflow:visible;');
  541.     var ratio = 0.9 * (window.innerWidth) / main_ele.clientWidth;
  542.     var ele = main_ele.querySelectorAll('*');
  543.     // console.log(ele);
  544.     for (let i = 0, ele_length = ele.length; i < ele_length; i++) {
  545.         ele[i].style.width = ele[i].clientWidth * ratio + "px";
  546.         ele[i].style.overflow = 'visible';
  547.         //console.log(i);
  548.     }
  549.  
  550. }
  551.  
  552.  
  553.  
  554. // body 全屏
  555. function full_body() {
  556.   let root = document.body
  557.   root.style.cssText = "position:absolute; top:0;right:0; bottom:0;left:0;"
  558.   
  559. }
  560. //背景调色
  561. function change_style(DOM_node = document.body) {
  562.     //  执行速度 ：  for 循环 > forEach > 尾递归 >递归 (迭代)
  563.     let background_base_color = 50;
  564.     let background_offset = 20;
  565.     let font_base_color = 230;
  566.     let font_offset = 20;
  567.     var all = (DOM_node  || document).querySelectorAll('*');
  568.     for (let i = 0, ele_length = all.length; i < ele_length; i++) {
  569.         let item = all[i]
  570.         let item_style = item.style
  571.         let tag_exclude_check = !('script,style,img').includes(item.nodeName.toLowerCase())
  572.         if(tag_exclude_check && !item_style.backgroundColor){
  573.             item_style.backgroundColor =  random_color(background_base_color,background_offset);
  574.             item_style.color =  random_color(font_base_color,font_offset);
  575.         }
  576.     }
  577.     /*
  578.     let background_base_color = 40;
  579.     let background_offset = 20;
  580.     let font_base_color = 200;
  581.     let font_offset = 50;
  582.     let html_str  = DOM_node.innerHTML ;
  583.     //  匹配速度 string.indexOf > string.match
  584.     // let html_str  = DOM_node.innerHTML.replace(/\&/g,'') ;
  585.     // var all = (new DOMParser()).parseFromString(html_str, "text/xml");
  586.     let html_str_arr = html_str.split(">");
  587.     let new_html_str_arr = html_str_arr.map((item, index) => {
  588.         if(item.indexOf('</') > 0) {return item }
  589.         if(!item.match(/\<div|\<form|\<table|\<dl|\<ol|\<ul|\<pre|\<h|\<a|\<p|\<code|\<em|\<span|\<td|\<th|\<input|\<textarea/i)) {return item }
  590.         let font_color_str = ";color:"+random_color(font_base_color,font_offset);
  591.         if(item.indexOf('background-color') > 0) {
  592.             let reg = /background-color\s*\:\s*[\w\,\(\)\#]+/;
  593.             let str = 'background-color:' + random_color(background_base_color,background_offset) + font_color_str;
  594.             return item.replace(reg, str)
  595.         }
  596.         if(item.indexOf('background') > 0) {
  597.             let reg = /\#[^\s]+|rgb[^\)]+\)/;
  598.             let str = random_color(background_base_color,background_offset);
  599.             return item.replace(reg, str).replace(/(style=(["'])[^'"]+)\2/,"$1" + font_color_str + "$2")
  600.         }
  601.         return  `${item} style="background-color:${random_color(background_base_color,background_offset)}${font_color_str}"`;
  602.     })
  603.  
  604.     DOM_node.innerHTML = new_html_str_arr.join(">")
  605.     DOM_node.style.backgroundColor = random_color(background_base_color,background_offset);
  606.     */
  607. }
  608.  
  609. function random_color(base_color, offset, ratio=1){
  610.     base_color = (base_color & 255) === (~~base_color) ? ~~base_color : 255;
  611.     offset = ~~offset
  612.     offset = (base_color+offset > 0 && base_color+offset < 256)? offset : 0
  613.     return `rgba(${(base_color + offset*Math.random())&255},${(base_color + offset*Math.random())&255},${(base_color + offset*Math.random())&255},0.8)`;
  614. }
  615.  
  616.  
  617. function ele_hide(e) {
  618.     // if (document.body.hasChildNodes(e)) e.style.display = "none";
  619.     document.body.hasChildNodes(e) && e.length !== 0 && e.style.setAttribute('display', "none");
  620. }
  621. function ele_hide_all(all) {
  622.     Array.prototype.forEach.call(all, function (e) { e.style.display = "none"; });
  623. }
  624. function ele_remove(e) {
  625.     // if (document.body.hasChildNodes(e)) e.parentNode.removeChild(e);
  626.     document.body.hasChildNodes(e) && e.length !== 0 && e.parentNode.removeChild(e);
  627. }
  628. function ele_remove_all(all) {
  629.     if (all) {
  630.         all = Array.from(all)
  631.     }
  632.     if (!all.length) {
  633.         return
  634.     }
  635.     Array.prototype.forEach.call(all, function (e) {
  636.         e instanceof Object && e.parentNode.removeChild(e);
  637.     });
  638. }
  639.  
  640.  
  641. function $$(selector, operation_code) {
  642.     // operation_code  : return_one return_all remove_one remove_all hide_one hide_all
  643.     function get(selector) {
  644.         if((/^#[^.#]+$/).test(selector)) {
  645.            return [document.getElementById(selector.slice(1, selector.length))]
  646.         }
  647.         if((/^\.[^.#]+$/).test(selector)) {
  648.            return document.getElementsByClassName(selector.slice(1, selector.length))
  649.         }
  650.         if((/^[^.#]+$/).test(selector)) {
  651.            return document.getElementsByTagName(selector)
  652.         }
  653.     }
  654.     switch (operation_code) {
  655.         case 'return_one': //return_one
  656.             // return document.querySelector(selector);
  657.             return get(selector)[0];
  658.         case 'return_all':// return_all
  659.             // return document.querySelectorAll(selector);
  660.             return get(selector);
  661.         case 'remove_one':  //remove_one
  662.             // ele_remove(document.querySelector(selector));
  663.             ele_remove(get(selector));
  664.             break;
  665.         case 'remove_all': //remove_all
  666.             // ele_remove_all(document.querySelectorAll(selector));
  667.             ele_remove_all(get(selector));
  668.             break;
  669.         case 'hide_one': //hide_one
  670.             // ele_hide(document.querySelector(selector));
  671.             ele_hide(get(selector));
  672.             break;
  673.         case 'hide_all':// hide_all
  674.             // ele_hide_all(document.querySelectorAll(selector));
  675.             ele_hide_all(get(selector));
  676.             break;
  677.  
  678.         default:
  679.             // var result = document.querySelectorAll(selector);
  680.             var result = get(selector);
  681.             return result.length > 1 ? result : result[0];
  682.     }
  683. }
  684.  
  685.  
  686. function remove_div_padding_margin(ele) {
  687.     if (ele) {
  688.         ele.setAttribute('style', 'overflow:visible;position:relative;padding:0px;margin:0px;left:0px;');
  689.     }
  690.     if (ele && ele.children.length > 0) {
  691.         Array.prototype.forEach.call(ele.children, (function (e) {
  692.             remove_div_padding_margin(e);
  693.         }));
  694.     }
  695. }
  696.  
  697. function content_get() {
  698.     var ajax = new XMLHttpRequest();
  699.     ajax.open('get', '/');
  700.     ajax.send();
  701.     ajax.onreadystatechange = function () {
  702.         if (ajax.readyState == 4 && ajax.status == 200) {
  703.             content_new = ajax.responseText;
  704.             //console.log(content_new);
  705.             content_old = content_old || content_new;
  706.             if (content_new !== content_old) {
  707.                 location.reload();
  708.             }
  709.         }
  710.     };
  711.  
  712.     setTimeout(content_get, 1000);
  713. }