如何开发一个油猴脚本- 从零开始编写一个油猴脚本

📢博客主页：https://blog.youkuaiyun.com/mukes
📢欢迎点赞👍收藏⭐留言📝如有错误敬请指正！
📢本文由 mukes 原创，首发于 csdn

---

前言

之所以开发这个插件，是因为昨天在知乎看了一篇文章:为什么优快云上很少人会去给文章点赞？，我引用一下其中一个答主的回答：

只有我自己写博客了，我才发发现这个问题，阅读几百上千，评论0，点赞 0 。可能是点赞的按钮不明显，我说说我自己看csdn博客的情况：程序遇到问题，网上查一下，按csdn的博文操作，没效果，关了继续查，有效果，继续工作。就这样了，很少去点赞，就算查了非常久的问题，结果发现在某个博主那里得到解决，也会留个评论吐槽顺便支持下博主，还是不会点赞。

这情况和我本人差不多，每次遇到问题，有时要看好几篇博文才能解决问题，而这几篇博文中恰好只有一篇才是最有价值的，也就是能解决我的问题的那篇，但是解决问题总不能白嫖吧？
至少点个赞或者留个评论如“博主666”之类的。
但是呢查文章多了发现写评论是真的浪费时间，于是我想，不如我把我一些评论事先写好，遇到对我有帮助的博文再一键点赞评论，说干就干，于是花了一点点时间就写好了这个脚本。

---

开发脚本之前的准备工作

1.什么是油猴(Tampermonkey )

首先，油猴和油猴脚本有什么区别？
Tampermonkey 就是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox 等等。你安装后你的浏览器不会发生任何变动，直到你开始安装一种叫做油猴脚本(用户脚本)的东西。

油猴脚本一般指用户脚本(User Script)，ta 是一段 Javascript 代码，它们能够优化您的网页浏览体验。一般有包含但不限于以下几种功能：

• 能为网站添加新的功能，比如本篇博文所介绍的csdn 手动一键点赞评论脚本。
• 能使网站的界面更加易用，比如一些改变网站样式、排版的脚本等。
• 能隐藏网站上烦人的部分内容，比如一些去广告的脚本。

博主日常用的比较多的油猴脚本网站：https://greasyfork.org/zh-CN/

---

2.安装油猴(Tampermonkey )

油猴官方下载地址：http://www.tampermonkey.net/

点进去你会发现上面有各个浏览器的选项；而下面则是下载地址，油猴扩展有两个版本，一个 stable 版本，一个 beta 版本，顾名思义，一个是稳定版，一个是测试版。下载稳定版就好了。

油猴支持的浏览器有 Chrome, Microsoft Edge, Safari, Opera Next, Firefox,和 UC 浏览器等等，各大主流浏览器几乎都支持了。

---

3.新建一个油猴脚本

安装好油猴后，在浏览器工具栏上点击油猴，添加新脚本

接着跳转到脚本编写界面

图里的代码头是自带的，叫做元数据。每个用户脚本都含有一段元数据，用来向 Tampermonkey 描述这个脚本自身的信息：脚本名，作者，描述，执行规则等等

// ==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==

我粗略解释一下

// ==UserScript==
// @name         这里是你的编写的油猴脚本的名字
// @namespace    这个是命名空间；用来区分名称相同但是作者不同的用户脚本，一般都是写作者的个人网址，没有也可以写你的博客地址
// @version      0.1  这个是版本号
// @description  这个是功能描述，描述你的这个脚本是用来干嘛的
// @author       这个是作者的名字，比如我：mukes
// @match        这个是该脚本匹配的网址，支持通配符匹配
// @include		 这个也是该脚本匹配的网址，支持通配符匹配
// @exclude		 这个和 iclude 配合使用，排除匹配到的网址，优先于 include
// @grant        none 
// ==/UserScript==

match 和 include 是有一点区别的，