Tampermonkey 油猴脚本开发 入门

Tampermonkey 插件是可以向 HTML 插入 JS ，来添加任何功能的插件，支持主流：浏览器 ，火狐 filefox 谷歌 chrome

向 网页插入自定义的JS 的方法有好多种：

1，做个透明代理

宽带到期之类的，就是这样做的，缺点：针对  HTTP 有效，HTTPS 难度较大。需要完全控制 用户流量，占用资源较大。

2，做个浏览器插件

不同的浏览器，需要开发多次，安装，分发也不方便

3，使用Tampermonkey 油猴 

较为方便

 

开发 Tampermonkey 油猴 需要的技术点：

1，HTML CSS JS ，有 JS 库使用经验更好

2，调试 HTML 经验 ， F12 调试模式

3，对 HTTP 浏览器 工作原理有一定的了解

 

1，安装 Tampermonkey 油猴插件

 

2，配置脚本 例： 去掉 百度首页的新闻

生效以后，会有提示。

 

其它高级用法：

引用 Jquery 

// @require          http://code.jquery.com/jquery-3.4.1.min.js

 例子，去 沪江小D 的广告：

// ==UserScript==
// @name         hj remove ad　沪江小D 广告去除工具
// @namespace    http://github.com/nejidev
// @version      0.1
// @description  hj dic remove ad 沪江小D 广告去除工具
// @author       nejidev
// @match        https://dict.hjenglish.com/*
// @grant        none
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==

(function() {
    'use strict';

    function div_remove(){
    $("div").each(function(){
        if("fixed" == $(this).css("position") && ! $(this).hasClass("rocket"))
        {
            $(this).hide();
        }
    });
    }

    $(".ad").hide();
    $("main").nextAll().hide();

    setTimeout(div_remove, 200);
})();

对应3条规则

1，去掉 ad 样子的显示

2，去掉 main 元素后面所有元素的显示

3，去掉左侧浮动的广告显示