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，去掉左側浮動的廣告顯示