如何编写一个油猴脚本（自己写的第一个油猴脚本）

云中南梦

已于 2024-02-04 11:18:21 修改

阅读量2.4k

点赞数 53

文章标签： js

于 2024-02-04 11:17:23 首次发布

本文链接：https://blog.csdn.net/m0_63704444/article/details/136021483

版权

这个是一篇油猴脚本的入门文章

前言

大家既然找到了这篇文章，那么大家的目的，一定是想学习一下如何编写一个简单的油猴脚本供自己使用，那么接下来废话少说，直接开始。

一、打开油猴脚本的页面

在这里，默认大家是下载好油猴插件的，如果没下载好，就可以直接去浏览器的插件商店，就可以直接下载

二、创建油猴脚本

1.点击添加新脚本

2.点击后，自动进入编写新脚本页面

当大家点“添加新脚本”按钮之后，会出现这个页面，然后在这个页面中编写油猴脚本

3.配置油猴脚本

相信大家进入这个页面后，项目会自动生成这么几个"//@"的东西，其实就是配置的油猴脚本的东西，大家看名字大都能猜到是什么含义。

这里最主要的配置项，就是 //@match http://*/* 。代表你这个油猴脚本要在那个网页生效。当你使用这个默认值的时候，就代表它对所有网页都生效，“*”代表任意（即所有）。

这个是油猴脚本的配置的参数列表

名称	作用
name	名称，可自己给脚本取一个名字
namespace	命名空间，可写成网址
version	油猴的版本号
description	解释一下这个脚本具体做什么的
author	作者名字
match	需要匹配那个网址才执行这个脚本，例如 ://ok99ok99.com/
grant	指定脚本运行所需权限，如果脚本拥有相应的权限，就可以调用油猴扩展提供的API与浏览器进行交互。如果设置为`none`的话，则不使用沙箱环境，脚本会直接运行在网页的环境中，这时候无法使用大部分油猴扩展的API。如果不指定的话，油猴会默认添加几个最常用的API
require	脚本依赖其他js库，在运行脚本之前先加载其他库，常用于加载jquery
connect	当用户使用GM_xmlhttpRequest请求远程数据的时候，需要使用connect指定允许访问的域名，支持域名、子域名、IP地址以及`*`通配符
updateURL	脚本更新网址，当油猴扩展检查更新的时候，会尝试从这个网址下载脚本，然后比对版本号确认是否更新

4.编写脚本逻辑

这里要跟大家强调一下，油猴脚本其实本质就是“JavaScript”，所有操作逻辑都是js代码书写的。

因此我们就想写js代码一样编写油猴脚本即可。

比如我这里，就简单写一个，“一进入百度搜索页面，就在搜索框中填入‘程序猿买那种洗发水可以不秃头？’”

js代码如下

const textbox=document.getElementById("kw")
textbox.value="程序猿买那种洗发水可以不秃头？"

完整油猴代码如下

// ==UserScript==
// @name         给百度搜索搜索框输入“程序猿最关心的一个问题”
// @namespace    http://tampermonkey.net/
// @version      2024-02-04
// @description  try to take over the world!
// @author       You
// @match        https://www.baidu.com/
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const textbox=document.getElementById("kw");
    textbox.value="程序猿买那种洗发水可以不秃头？";

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

注意，这里我修改了@match为百度搜索的页面，代表这个脚本只对百度搜索页面有效，并且修改了@name，给这个脚本的名字设置为“给百度搜索搜索框输入“程序猿最关心的一个问题”。

然后按“ctrl+s”即可保存（就是保存而已）