油猴脚本光速入门，让你对所有的网页为所欲为！！！

我正在参加「掘金·启航计划」

不知道你有没有这样的烦恼

看片时闪来闪去的小广告让你烦不胜烦
在B站看学习视频时老是忍不住点旁边”热门推荐“
CSDN、百度文库等网站不登录不能复制代码

用油猴脚本，几分钟就可以解决这些问题。

下面开始实战。

实战

先下载这个chrome插件：chrome.google.com/webstore/de…

下载过程就不说了,自己想办法装上。没法翻墙可以在这里安装 chrome.zzzmh.cn/#/index

安装成功之后。点 ”添加新脚本“,开始写脚本

整个脚本的结构大概如下：

元注释信息比较重要的有：

@name 脚本的名字
@match 脚本在哪个网站生效这个特点重要 ... 详细说说@match

如果你的脚本在B站生效，就填 // @match https://www.bilibili.com/* 其中*是通配符，匹配所有字符

此外，match可以有多条，例如

// @match        https://www.bilibili.com/* 
// @match        https://www.baidu.com/*

下面开始写脚本，写脚本的本质就是操作DOM

以屏蔽B站广告和推荐列表为例，要做的就是

选中元素
隐藏它（不建议删除元素）

找到推荐列表的id或者class,如下图所示是 reco_list

代码就这样写

document.getElementById('reco_list').style.display='none'

完整代码如下：

// ==UserScript==
// @name         blibli hide something
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.bilibili.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    //隐藏推荐列表
    document.getElementById('reco_list').style.display='none'

})();

ctrl+s保存下脚本，然后刷新下B站就发现推荐列表无了。

接着隐藏广告，步骤一样，先找元素，然后隐藏，不过我发现B站的广告是后面弹出来的，这时候需要添加一个setTimeout,把代码放到setTimeout里面执行。

// ==UserScript==
// @name         blibli hide something
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.bilibili.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    //隐藏推荐列表
    document.getElementById('reco_list').style.display='none'
    setTimeout(()=>{
        //隐藏广告
        document.getElementById('right-bottom-banner').style.display='none'
        document.getElementById('live_recommand_report').style.display='none'
    },3000)

})();

这个东西虽然很简单，但是很有用。你可以对所有你看得到的网站进行操作，具体做什么发挥下自己的想象力吧！！！！