自己写油猴脚本1: segmentfault 去广告

内容导航：

自己写油猴脚本1: segmentfault 去广告

油猴怎么用

有哪些超神的油猴脚本？

拦截100的油猴脚本怎么用

一、自己写油猴脚本1: segmentfault 去广告

声明

本教程只是技术分享, 创业不易, 咱们还是应该相互体谅.

思路分析

文章的左侧栏有两个广告位, 今天的脚本就是要想办法把它们屏蔽掉.

看一下这个广告位对应的源码.

走了个弯路

这个 div 节点居然有 id (见图标识 1), 一开始我的思路是 "定位到这个 div 节点", 把它的属性置为 "none", 代码演示一下:

document.getElementById("OA_holder_1").style.display = "none";

写完后, 在 chrome 控制台调试了一下, 结果发现这个 div 节点广告没了, 但是 div 框还在, 然后看到 "图标识2" 的地方, 才意识到前端把这个地方的位置大小给固定了.

成功代码

所以, 我最终的思路是, 找到这个 div 节点的父节点, 然后把那两个广告位移除.

移除后的效果:

附上源码

// ==UserScript==// @name         segmentfault// @namespace    http://tampermonkey.net/// @version      0.1// @description  try to take over the world!// @author       You// @match        https://segmentfault.com/*// @grant        none// ==/UserScript==(function() {    'use strict';    // Your code here...    let block = ()=>{      // 找到父节点        let parent = document.getElementsByClassName("w-xl-300")[0];        let childs = parent.childNodes;        for(let i=0;i<childs.length;i++){          // 移除两个广告位            if(i>1){                parent.removeChild(childs[i]);            }        }    }    // 打开页面后, 2 秒后对 广告进行 block.    setTimeout(block, 2000);})();

一、油猴怎么用

直接在应用商店内下载油猴，打开Chrome浏览器扩展程序页面，拖拽到页面即可完成安装。打开油猴设置初学者或高级配置模式。打开网站点击地址栏右侧的油猴图标可以看到已经成功启用。

是Mozilla Firefox的一个附加组件。它让用户安装一些脚本使大部分HTML为主的网页于用户端直接改变得更方便易用。随着Greasemonkey脚本常驻于浏览器，每次随着目的网页打开而自动做修改，使得运行脚本的用户印象深刻地享受其固定便利性。

Greasemonkey可替网页加入些新功能、修正网页错误、组合来自不同网页的数据、或者数繁不及备载的其他功能。写得好的Greasemonkey脚本甚至可让其输出与被修改的页面集成得天衣无缝，像是原本网页里的一部分。

相关信息

大部分Greasemonkey使用者脚本都是自行撰写，使用对某网站专用的JavaScript代码，透过文档对象模型(DOM)接口对网页内容做操作。维护了个 Greasemonkey 数据库。该数据库描述哪个网址网页对应到哪个脚本。

当使用者加载匹配的网页，Greasemonkey便呼叫相关的脚本，而该脚本便为该页加入输出结果、删除该页的部分、或者移动碍眼的部分。Greasemonkey脚本亦能透过非网域绑定的XMLHTTP要求来查询外部HTTP资源。

二、有哪些超神的油猴脚本？

油猴子翻译自英文名Tampermonkey，通常作为浏览器的扩展程序使用。就如油猴子的名字一样，它是一个滑溜溜如油的脚本管理神器。

通过油猴子用户可以添加和使用用户自己制作的用户脚本，当然也可以走捷径通过GreasyFork、OpenUserJS和GitHub Gist下载别人制作好的用户脚本。

用户脚本是一段代码，它们能够优化网页浏览体验。安装之后，有些脚本能为网站添加新的功能，有些能使网站的界面更加易用，有些则能隐藏网站上烦人的部分内容。比如：去广告、免VIP、视频下载、购物网比价、网盘助手等等。油猴子的安装Tampermonkey适用于谷歌浏览器、微软Edge浏览器、苹果Safari浏览器、Opera浏览器、Firefox浏览器、UC浏览器、QQ浏览器、360浏览器、搜狗浏览器等等。以基于谷歌Chromium内核的Edge浏览器为例1、点击Edge浏览器右上方的“...”，选择“扩展”选项。

2、在“扩展”内点击“获取Microsoft Edge扩展”。

3、在打开的“Edge 外接程序”页面的搜索框中，输入“Tampermonkey”并按回车键。

4、在搜索结果中，找到“Tampermonkey”，并点击旁边的“获取”按钮。

5、安装完后，在浏览器的右上角就会出现“油猴子”扩展程序的图标。

油猴子只是一款脚本管理器，我们还需要添加用户脚本以Greasy
Fork为例，Greasy
Fork拥有海量的用户脚本，最主要的是这个网站支持中文，在国内可以直接打开，脚本搜索、下载也是非常简单的。可以通过Greasy
Fork的搜索框搜索关键词或网站域名来查找用户脚本，也可以通过脚本列表来查看当下排行、下载量较靠前的用户脚本。

找到想要的用户脚本后，点开链接，进入脚本安装界面。

然后点击“安装此脚本”，并在安装界面点击“安装”按钮。

用户脚本安装完成后，打开油猴子的“管理面板”就可以查看到已经安装好的用户脚本。在这个界面可以对某个脚本进行编辑、删除或者启用/警用操作，也可以新建脚本。

小编这里安装的是屏蔽广告的脚本，这样打开网站含有谷歌谷歌、百度广告就会自动屏蔽掉。超实用的油猴子用户脚本推荐油猴子的脚本有很多很多，小编有选择性的介绍几个。推荐一：“Youtube
Subtitle Downloader”通过“Youtube Subtitle
Downloader”用户脚本可以下载Youtube视频上的字幕。

推荐二：“Simple YouTube MP3 Button”通过“Simple YouTube MP3 Button”用户脚本，不需要离开页面就可以下载YouTube上的视频MP3音频文件。

推荐三：“Userscript+”“Userscript+”用户脚本的作用是当你浏览网页的时候，从右下角自动为你推荐适用于当前网页的油猴子脚本，并且可以一键安装指定的脚本。

推荐四：Yet Another Weibo Filter“Yet Another Weibo Filter”可以高度定制微博电脑端版面，去除各类广告、为博主自带的各种徽标、过滤热门话题等主要功能，用户需要在脚本的设置中启用相应的功能。

推荐五：Mouseover Popup Image Viewer“Mouseover Popup Image Viewer”用户脚本支持悬停查看和下载图片，只需要将鼠标光标悬停在图片上，就可以显示完整的图片，避免二次点击。

总结没有安装“油猴子”和“用户脚本”的浏览器是缺少灵魂的浏览器。“油猴子”之所以现在会这么火，是因为它拥有庞大数量的用户脚本，满足了我们对各类网站的所有想象。我们通过在油猴子上安装各类用户脚本对网站进行定制，展现我们需要的东西，隐藏我们不需要的东西。以上个人浅见，欢迎批评指正。认同我的看法，请点个赞再走，感谢！喜欢我的，请关注我，再次感谢！

三、拦截100的油猴脚本怎么用

先安装， 脚本安装完成后，只会在有效的网站上自动启用，而不在 “启用 URL” 站点列表里的网站则不启用。因此不必担心脚本安装过多会影响效率。在浏览器扩展栏可以快捷查看和管理脚本。点击图标查看详情、开关脚本。
「油猴脚本」是一段脚本代码，通过它可以让浏览器实现各种各样的扩展功能，和浏览器扩展的作用类似。比如获去链接重定向、微博页面精简、去广告等，相当于给浏览器开了个挂，可以说是浏览器的辅助神器了！进入 “管理面板” 管理已安装脚本。可以进行开关、更新、编辑、删除等操作。也可以添加自己写的脚本。