思路

在油猴插件中编辑脚本时,因为代码格式、代码提示等问题,不便于操作。

如果使用vscode编写脚本,完成后,复制粘贴到油猴插件中,但来来回回复制粘贴,也带来不便。

所以,在开发过程中,如果让油猴脚本调用本地js文件,代码直接在vscode中编辑,会便捷丝滑很多。

油猴插件的设置

在油猴扩展的详情中,启用允许访问文件网址

image-20230611110941135

在油猴脚本编辑器中,引用本地js文件

image-20230611111227458

调用执行函数

image-20230611111903787

vscode中编辑代码

image-20230611111447274

确保js文件路径是油猴脚本引用的路径

全部调试完成后

将vscode中的所有代码复制粘贴到油猴脚本,并删除// @require file:///Users/youngyuan/Desktop/demo.js