精简csdn,知乎自动点击跳转

按下按钮一键隐藏csdn搜索框以及一些没有用的东西,帮您沉浸式学习当前页面内容,最重要的是粉色!

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        精简csdn,知乎自动点击跳转
// @namespace    http://tampermonkey.net/
// @version      0.42
// @description  按下按钮一键隐藏csdn搜索框以及一些没有用的东西,帮您沉浸式学习当前页面内容,最重要的是粉色!
// @author       Onion
// @include      *://blog.csdn.net/*/article/details/*
// @include      *.blog.csdn.net/article/details/*
// @include      *//link.zhihu.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    var button_1 = document.createElement("button"); //创建一个按钮
    button_1.textContent = "隐藏"; //按钮内容
    button_1.style.width = "80px"; //按钮宽度
    button_1.style.height = "28px"; //按钮高度
    button_1.style.align = "center"; //居中
    button_1.style.color = "#white"; //按钮文字颜色
    button_1.style.background = "#FFDDEE"; //按钮底色
    button_1.addEventListener("click", clickButton_1)

    var button_2 = document.createElement("button"); //创建第二个按钮
    button_2.textContent = "显现"; //按钮内容
    button_2.style.width = "80px"; //按钮宽度
    button_2.style.height = "28px"; //按钮高度
    button_2.style.align = "center"; //居中
    button_2.style.color = "#white"; //按钮文字颜色
    button_2.style.background = "#FFDDEE"; //按钮底色
    button_2.addEventListener("click", clickButton_2)

    function clickButton_1()
    {
        setTimeout(function() {
            //上方
            document.getElementById('toolbar-search-input').style.visibility = 'hidden';
            document.getElementById('toolbar-search-button').style.visibility = 'hidden';
            document.getElementById('csdn-toolbar').style.visibility = 'hidden';
            //左侧
            document.getElementById('asideNewComments').style.display = 'none';
            document.getElementById('asideHotArticle').style.display = 'none';
            document.getElementById('asideArchive').style.display = 'none';
            document.getElementById('asideNewNps').style.display = 'none'
            //下方
            document.getElementById('csdn-copyright-footer').style.visibility = 'hidden';


            //           document.getElementById('asideProfile').style.visibility = 'hidden';
        }, 100);// 100ms后执行

    }
    function clickButton_2()
    {
        setTimeout(function() {
            document.getElementById('toolbar-search-input').style.visibility = 'visible';
            document.getElementById('toolbar-search-button').style.visibility = 'visible';
            document.getElementById('csdn-toolbar').style.visibility = 'visible';
            //
            document.getElementById('asideNewComments').style.display = 'inline';
            document.getElementById('asideHotArticle').style.display = 'inline';
            document.getElementById('asideArchive').style.display = 'inline';
            document.getElementById('asideNewNps').style.display = 'inline'
            //
            document.getElementById('csdn-copyright-footer').style.visibility = 'visible';

        }, 100);// 100ms后执行

    }
    //按钮代码之一
    var toolboxclass = document.getElementsByClassName('toolbox-list')[0];
    toolboxclass.appendChild(button_1);
    toolboxclass.appendChild(button_2);//添加到子列
    //
    //粉色!!!!
    //其他脚本创建的ID粉色
    /*
    setTimeout(function() {
    document.getElementById('recommendSwitch').style.backgroundColor='pink';
        }, 100);

    var temp1 = document.getElementsByClassName("left-toolbox");
    for (var i = 0; i < temp1.length; i++) {
        temp1[i].style.backgroundColor = "#FFDDEE";
    }

    var temp2 = document.getElementsByClassName("blog-content-box");
    for (var k = 0; k < temp2.length; k++) {
        temp2[k].style.backgroundColor = "#FFDDEE";
    }
    //
    var temp3 = document.getElementsByClassName("blog_container_aside");

    for (var j = 0; j < temp3.length; j++) {
        temp3[j].style.backgroundColor = "#FFDDEE";
    }

    var temp4 = document.getElementsByClassName("article-header-box");

    for (var m = 0; m< temp4.length; m++) {
        temp4[m].style.backgroundColor = "#FFDDEE";
    }
    //
    var temp5 = document.getElementsByClassName("prettyprint");

    for (var n= 0; n < temp5.length; n++) {
        temp5[n].style.backgroundColor = "#FFDDEE";
    }
    var temp6 = document.getElementsByClassName("prism language-javascript has-numbering");

    for (var o= 0; o < temp6.length; n++) {
        temp6[o].style.backgroundColor = "#FFDDEE";
    }7

     var temp7 = document.getElementsByClassName("blog-content-box");

    for (var p= 0; p< temp7.length; p++) {
        temp7[p].style.backgroundColor = "#FFDDEE";
    }

    //知乎自动跳转
     document.querySelector('[class = "button"]').click();
*/
    //   var arraytemp=["temp1","temp2","temp3","temp4","temp5"];
    //  console.log(arraytemp[0]);
    // 循环代码实现
    var array=["toolbox-list","blog-content-box","blog_container_aside","article-header-box","prettyprint","prism language-javascript has-numbering","blog-content-box","left-toolbox","more-toolbox-new"];
    for (var v=0;v<array.length-1;v++){
        var tempx= document.getElementsByClassName(array[v]);
        for(var i=0; i< tempx.length;i++){
            tempx[i].style.backgroundColor="#FFDDEE";
        }
    }
    console.log(array.length);


    //console.log(array[1]);
    //       console.log(arraytemp[1]);



    //想要通过双重循环来做到的,失败了,不知道为甚莫qaq
    //3.29更新解决了这个问题,大幅精简了代码

    /* var divsToHide = document.getElementsByClassName("blog_container_aside");
                    for(var k = 0; k < divsToHide.length; k++){
                        divsToHide[k].style.visibility = "hidden";
                    }
    document.querySelectorAll('.blog_container_aside').forEach(function(el) {
   el.style.display = 'none';
});真的看不懂了,不动它能隐藏,稍微移动一下就回去了*/

})();
// document.getElementById('nav-searchform').style.visibility='hidden';