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,去掉左侧浮动的广告显示