油猴脚本是一个强大的浏览器插件,可以为某个网站开发脚本来提升浏览体验。
有时候为某个网站写一个脚本,想要引入 jQuery 之类的库却发现无从下手。一番「百之谷之」之后,基本弄明白了在油猴脚本中是如何引入外部文件的。
当你创建一个油猴脚本时,油猴会帮你生成的一些代码,就像下面这样:
这和我们平时前端开发时写的 JS 代码不太一样的地方就是在一开始有很多行注释,注释的开始和结束都是 。
其实这里的注释都是有他们的作用的,如果你仔细看一下,有一部分能够猜到是什么意思,例如 是指脚本的名称, 是指脚本的作者。
本文所说的加载资源的方法也需要在这里实现。
加载 JS 资源
加载 JS 很简单,语法是这样
但是请注意,这行代码需要写在两行 之间。
加载 CSS 文件
如果你想要加载 CSS 文件,相较于 JS 会稍微复杂一丢丢。
首先你要授权()两个油猴内置函数的使用权限:
然后,引入 CSS 文件,在 CSS 文件地址前要给这个 CSS 资源起一个名字,例如下面的 :
但是此时 CSS 文件还没生效,还需要最后一步,在 JS 代码中将其作为样式启用:
这里的 对应 中的 CSS 资源名称。
完整引入 CSS 资源的代码如下:
快速开始
提供三个版本的 jQuery 链接,选择其中一个即可。
如果想使用 tailwindcss + daisyui 的组合,可以这样写
推荐几个 CDN 资源
使用公共的 CDN 资源,我们就不必自己部署服务器了,而且常见的库的各个版本都很容易找到,直接使用即可。