目录

Tampermonkey是什么

而在众多的浏览器插件/扩展中,我们都不能错过一个浏览器插件– Tampermonkey 。中文叫-油猴。

大家应该多多少少有听说过,大家可以把他理解为一个用户脚本管理器,就是浏览器上的动态脚本javascript管理器,我们可以通过自己写一些脚本来动态修改访问页面的信息甚至进行交互,当然我们还可以通过社区里大佬们编写的脚本来改变访问网页的信息与交互,提升网页浏览体验及提高我们的工作效率。

用户脚本是一段代码,它们能够优化您的网页浏览体验。安装之后,有些脚本能为网站添加新的功能,有些能使网站的界面更加易用,有些则能隐藏网站上烦人的部分内容。

Tampermonkey安装

要使用用户脚本,您首先需要安装一个用户脚本管理器。根据您使用的浏览器不同,可用的用户脚本管理器也有所不同。

支持浏览器:

Chrome:Tampermonkey

Firefox:Greasemonkey、Tampermonkey

Safari:Tampermonkey

Microsoft Edge:Tampermonkey

Opera:Tampermonkey

UC:Tampermonkey

其实chromium内核浏览器都是支持的,比如谷歌浏览器、360极速版

以下我们以chromium内核浏览器作为演示:

考虑到谷歌浏览器的扩展安装需要翻着墙文明上网才能下载安装,我们可以通过其他渠道获取Tampermonkey的压缩文件.crx。

进入浏览器设置扩展程序 (360极速版是:工具->管理扩展),进将tampermonkey.crx文件直接拖动到扩展程序或管理扩展界面,释放并同意安装。

成功安装后会弹出这个窗口,且右上角会出现油猴插件的标识

不同浏览器所支持的脚本管理插件及安装方法可能略有出入,但基本方向是一样的。

如何获取用户脚本

点击浏览器窗口右上角油猴插件标识:

  • 添加新脚本 ,这个就是我们自己编写自己需要的javascript脚本,有时需要重头写满足自己需要的脚本,有时需要复制别人的脚本来调整成满足自己需求的脚本。有一定前端开发javascript编码能力的人更适合。

  • 获取新脚本 ,进入由油猴插件为我们提供的脚本市场,这里面大都是其他用户为了满足自己的需要而写并分享出来的,我们可以使用这些已有现成的脚本

我们推荐Greasy Fork的脚本列表:用户脚本,用的人也多,大多支持中文。

在这脚本列表里我们就可以搜索我们想要的脚本了

用户脚本安装及使用

比如我们搜索一个用户脚本:AC-baidu,重定向优化百度搜狗谷歌搜索_去广告_favicon_双列

进入页面,会看到该脚本的相关信息,仔细了解该脚本的一些基本使用情况以及具体功能后,再选择安装此脚本

安装完毕后,再次点击右上角油猴标识,选择管理面板 ,即可查看我们安装的脚本,在这里我们也可以对脚本选择启用或禁用等其他管理操作

那么,接下来我们去验证脚本的作用,根据之前脚本页面功能的描述,我们这次回到主页面, 然后任意搜索某个内容

安装脚本后的搜索

安装脚本前的搜索

很明显,使用该脚本后,大家可以明显感到页面内无用的垃圾信息减少了,网页内容排列更加工整,页面变得更清爽。甚至我们还可以在右上角的自定义 选项里进行其他设置

需要说明的是,每一个用户脚本一般都是在其特定的域名内发挥作用的。当然还有其他很多好用的脚本,这里就不给大家一一展示了

脚本的保存

如果编写或安装了很多的脚本,我们如何保存下来呢?比如说家里和公司不同电脑,或者需要重装电脑或浏览器,还需要重新一个各安装吗?

这里一般有三个办法,我们回到管理面板 ,选择实用工具

  • 选择导出备份到云盘(国内支持OneDrive)

    之后可在显示备份 中备份记录里查看并选择导入 进行安装

  • 压缩包文件

    分别选择导出 ,各被下载保存为一个.zip压缩格式和一个.txt文本格式,下次调用只需在对应选项中点击选择文件 ,找到被转移保存的相关对应文件选择并打开 安装即可

编写脚本

以下是一个简单的示例:

比如:我们经常要提交一个链接到百度资源,需要登录百度资源账号,手动提交,这个对于时间宝贵的人或有懒癌的人会觉得有点麻烦,我们就像打开要提交的网页链接,点击按钮“百度资源提交”就自动提交,于是就有了个简单的脚本:

// ==UserScript==
// @name         百度资源API提交-js实现
// @namespace    tsingchan
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http*://*.9ong.com/*
// @grant       GM_xmlhttpRequest
// @grant       GM_registerMenuCommand
// ==/UserScript==


// 推送接口修改准入密钥
// 接口调用地址:http://data.zz.baidu.com/urls?site=www.9ong.com&token=xxxxx

// 参数名称	是否必选	参数类型	说明
// site	是	string	在搜索资源平台验证的站点,比如www.example.com
// token	是	string	在搜索资源平台申请的推送用的准入密钥

(function() {
    'use strict';

    GM_registerMenuCommand("9ong百度资源提交", jmBaiduShouluPush);

})();


function jmBaiduShouluPush(){

    let _url = window.location.href;
    if(_url.indexOf("9ong") == -1){
        console.log(_url+" is not include 9ong.com");
        return false;
    }
    GM_xmlhttpRequest({
        method: "POST",
        url: "http://data.zz.baidu.com/urls?site=www.9ong.com&token=xxxxxxx",
        headers:{'Content-type':'text/plain'},
        data:_url,
        onload: function(response) {
            console.log('xmlhttprequest onload....');
            console.log(response.responseText);
            // let responseJson = JSON.stringify(response.responseText);
            alert(response.responseText)
        },
        onerror:function(e){
            console.log("xmlhttprequest onerror...");
            console.log(e);
        }
    });


}

我们还可以美化我们经常上的网站,比如百度,去除广告、去除右侧热点避免我们工作时搜索注意力不集中,容易被这些热点分散;

我们也可以一键获取所有图片、格式化文本、提取md等等,只要我们经常在网页操作的一些重复的动作,都可以考虑通过脚本来代替重复的手工操作。

更多Tampermonkey的方法说明(API列表):Tampermokey油猴API列表

脚本安全吗

那么,安装的这些脚本靠谱吗?

Tampermonkey 本身是有着严格的权限设置的,只要你是在其官方渠道下载的脚本。但和程序员本着不相信用户输入一样,用户本着不相信程序员代码的思想,部分脚本不排除还是会存在恶意侵犯用户的隐私及泄露个人信息等漏洞。

如果我们懂得前端js编码,我们可以检查脚本源码,查看代码中是否包含敏感操作;或者可以去反馈评论里,查看其他用户评论如何,脚本是否违规被检测,是否已失效。因此,这其中有利也有弊,具体看我们如何取舍

小结

Tampermonkey脚本管理器,可以安装很多有趣的高效的用户脚本,可以定制个性化网页、美化净化网页、提高网页操作效率等等,Tampermonkey就是一个工具,就像家里有一把瑞士刀万用刀,家里任何地方都可能用得着。

最后呢,多说几句,我们学会技巧是利用技巧来解决实际问题的,不是为了去占一些小便宜的。合理使用,对他人负责,对自己负责,希望大家能明白其中道理。


本文收藏整理来自互联网,仅用于学习研究,著作权归原作者所有,如有侵权请联系删除

markdown @tsingchan

部分引用格式为收藏注解,比如本句就是注解,非作者原文。