如何在本地编译器进行油猴脚本的开发

学校突然提前放假了,暂时也不是很想回家,刚好花点时间沉淀一下之前学习的知识,顺便完成一下之前没有完成的一些东西,打算对前端脚本进行一些更新,突然发现我的超星ppt脚本教程是我阅读量最高的一篇文章,感觉很神奇,辛辛苦苦写的AI和Android没多少阅读量,一个随手写出来的脚本却有这么高的阅读量和下载量。

一、环境准备

本人使用的是ubuntu系统,因为我的ubuntu已经安装好了nodejs,Windows配环境还是太麻烦,不过也不是不能用Windows,两者开发方法基本一样,不会有太大差别。

需要准备的东西:

vscode ,nodejs环境,chrome浏览器(必须是Chrome或Chromium内核的浏览器,不能是火狐),

二、油猴访问本地权限

image-20221205084456573

image-20221205084615734

将这个打开,我们就可以获取访问本地权限了

image-20221205084828113

image-20221205084945329

到这里就配置完成了

三、准备开发

image-20221205091345782

注意这个地方是你自己的地址,链接到你的javascript脚本。

上面箭头指的是match地址,也就是那些网页可以运行这个脚本,建议改成https进行测试。

注意!本地地址前一定要加上

file:///

否则是无法load的。

我们先编写一个脚本,这个脚本可以直接用vscode编写,调试时直接刷新浏览器就好。

1
console.log("this is a test");

然后进行一个测试,随便打开一个网页

image-20221205091546327

可以看到这个情况,就说明我们加载成功了