当前位置: 首页 > 编程学习 > JavaScript > 编写第一个油猴脚本(Tamper monkey)

编写第一个油猴脚本(Tamper monkey)

JavaScript 2条评论 2018-9-17 903 views

Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox,以下简称油猴脚本。在之前的文章《使用油猴脚本(Tamper monkey)在任意网页上传图片》正是使用的油猴脚本。

安装Tampermonkey扩展

大部分浏览器都会自带扩展(应用)商店,一般搜索关键词“Tampermonkey”安装即可,Chrome浏览器可访问应用商店:https://chrome.google.com/webstore/detail/tampermonkey 安装。(自备梯子)

编写第一个油猴脚本

油猴脚本其实就是JavaScrip代码,因此在编写脚本之前需要掌握HTML/CSS/JavaScript,点击油猴脚本图标 - 添加新脚本

打开后会看到下面的代码内容:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();

解释下上面代码的含义:

  • @name :脚本的名称(自己取)
  • @namespace :作者的主页
  • @version :当前脚本版本号
  • @description :脚本的描述(这个脚本用来干啥的)
  • @author :脚本作者(您的大名)
  • @match :需要匹配的URL地址(如 https://www.xiaoz.me/* )
  • @grant :不知道用来干啥的,可保持默认

// Your code here...开始编写您自己的javascript脚本(注意:您自己的编写脚本必须位于这里,不要写到外面去了),另外还有一些常用的参数:

  • @license 脚本许可协议
  • @require 载入外部的.js文件(比如需要载入jquery)

第一个hello world

您可以将下面的代码复制到编辑器替换,然后Ctrl + S保存一下:

// ==UserScript==
// @name         hello world
// @namespace    https://www.xiaoz.me/
// @version      0.1
// @description  第一个hello world
// @author       xiaoz
// @match        https://www.baidu.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

     alert('hello,world!');
})();

再次访问百度的时候会弹出一个hello,world!

总结

Tampermonkey几乎支持所有的PC浏览器,通过Tampermonkey可编写自己的脚本,达到定制化需求。比如改变某个网站的CSS样式、去掉某些网站广告等待。

2 条评论 “编写第一个油猴脚本(Tamper monkey)”

  1. 六维空间说道:

    哈哈 单纯css的话 stylus更好用哦~

    1. xiaoz说道:

      谢谢,我去了解一下。

发表评论

电子邮件地址不会被公开。 必填项已用*标注