油猴脚本初体验

前言

自从上了大学以后，无论是刷课还是找资料，亦或者是找资源，油猴脚本总能发挥出非同凡响的作用，帮了我可多的忙。

怀着因为他人为我撑过伞，我也想为了他人撑一把伞的想法，一直都很想写一个脚本，但是实力不足和不知道写什么一直阻碍着我行动…哈哈

不过我终于找到一个好想法了：b站强制使用的新版UI把旧版存在的当前时间在线观看人数排行榜给删掉了，但是功能还在，每次想找都得去找链接，很是麻烦。

在线观看人数排行榜

所以我的想法是写一个显示入口的脚本点击跳转。

说干就干！

最简单的方式，在你想添加脚本的地方打开油猴程序会显示添加新脚本的提示点击进去就进入到了脚本编辑器

添加新脚本

脚本编辑器中会出现一堆提前写好的，由注释以及==UserSceript==包裹起来的信息：

他们都是什么意思呢？

@name：脚本的名称。
@namespace：脚本的命名空间，用于避免与其他脚本冲突。
@version：脚本的版本号。
@description：脚本的描述。
@author：脚本的作者。
@match：匹配的 URL 模式，指定脚本在哪些页面上运行。支持通配符 *。

可以通过多个@match写入要插入你所书写的脚本运行的网址，可以使用通配符来匹配多个网址

我写的脚本只包含bilibiili主页所以只有一个网址
@include：包括的 URL 模式，功能类似于 @match。
@exclude：排除的 URL 模式，指定脚本不在这些页面上运行。
@grant：请求特定的权限，如使用 GM_* API。
@icon：脚本的图标 URL。
@run-at：指定脚本的运行时机。可选值包括 document-start、document-end、document-idle 等。

三个选项为页面加载前，页面加载完成但是图片样式未加载时（不填写时默认），页面完全加载后（类似window.onload）
@updateURL：脚本更新的 URL。
@downloadURL：脚本下载的 URL。
@require：外部脚本文件的 URL，在用户脚本之前加载。
@resource：外部资源的 URL，可以通过 GM_getResourceText 和 GM_getResourceURL 访问。
@license: 开源协议

对比信息

填写完这些(不是全部都要写，在下面空白区域就可以写你的脚本了

(function() {
    'use strict';

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

只要是javaScript语言的代码都可以写进来，甚至你可以引入jquery的js文件之后写入js代码。vue等等根据理论应该也可以

例如：

用过脚本的时候肯定对这个界面不陌生，我们使用脚本但不知道该用什么的时候，油猴给我们这个页面跳转，在这个界面搜索想要的脚本并下载使用。

如果你想要你编写的脚本在网上发布，就可以使用greasyfork发布

首先先进入Greasy Fork - 安全、实用的用户脚本大全—>右上角登录—>点击用户名进入个人主页—>发布你编写的脚本

GreasyFork

展示一下我完成的脚本内容：

完成效果