dev.md

GM 脚本开发相关

部分脚本的构建

Linux 下

yarn build src/MyNovelReader/ -- -w

运行会以 watch 方式在 scripts/ 目录下生成 MyNovelReader.user.js

辅助库

快速搭建设置界面

• sizzlemctwizzle/GM_config：A lightweight, reusable, cross-browser graphical settings framework for inclusion in user scripts.
  • greasyfork.org 引用链接
  • GM_config CN: 我的修改版
• JoeSimmons
  • JoeSimmons/GM_config： JoeSimmons 的版本。
  • joesimmons/jsl：JoeSimmons' Library。

DOM 库

• Zepto.js + selector: Zepto 库，新增了 selector 模块。

开发技巧

chrome 下调试

直接插入 debugger

Tampermonkey 引用本地文件

1. 在扩展界面勾选 允许访问本地网址
2. 脚本添加 // @require file://C:\dev\test.user.js
3. (可选) 建立 chrome 开发配置：chrome --user-data-dir=XXX

可惜：错误信息不够详细

Greasemonkey 下调试（建立硬链接）

先切换到 Greasemonkey 脚本目录

Windows 下

mklink MyNovelReader.user.js XXX\scripts\MyNovelReader.user.js
# 或
mklink MyNovelReader.user.js XXX\scripts\MyNovelReader.user.js /H

Linux 下

ln XXX/scripts/MyNovelReader.user.js MyNovelReader.user.js

引入 webpack（已弃）

改用 rollup

参考

• freund17/webpack-userscript: Template for a Tempermonkey/Greasemonkey userscript using webpack
• userscript-css-loader: Simple webpack loader module for using CSS in userscripts