真·在线调试(油猴,脚本猫都可以)
本帖最后由 涛之雨 于 2023-1-6 23:18 编辑根据 (https://github.com/the1812/Bilibili-Evolved) 的[开发文档](https://github.com/the1812/Bilibili-Evolved/blob/master/CONTRIBUTING.md)
一共分三步
1. 赋予油猴/脚本猫/whatever 本地文件读取权限
2. 配置油猴脚本
> 比如我的
```js
// ==UserScript==
// @name 看着填
// @version 123
// @author 涛之雨
// @license MIT
// @match *://*.github.com/*
// @match *://github.com/*
// @run-at document-start
// @grant unsafeWindow
// @connect *
// @require https://unpkg.com/sweetalert2/dist/sweetalert2.min.js
// @icon http://github.com/favicon.ico
// @require file://C:/Users/taozhiyu/Documents/GitHub/inject/bundle.js
// ^这是我的脚本文件位置
// ==/UserScript==
```
3. 开始撸码
然后就可以搞骚操作了,比如ts就可以run起来了(跟他们不一样,我只搞了ts。。。)
打包我一开始是用的glup,后来感觉没必要。。。又改成直接bash脚本丢到`package.json`里。。。
反正就是`browserify`打包,
`browserify-shim`排除cdn导入的依赖,
`tsify`是`typescript`解析组件
最后`uglify-js`去压缩(可能没必要?反正greasyfork不允许来着)
所以,最终我的`package.json`中修改为:
```json
{
...
"scripts": {
"watch": "watchify main.ts -t [ browserify-shim ] -p [ tsify --noImplicitAny ] -o bundle.js --debug --verbose",
"build": "browserify main.ts -t [ browserify-shim ] -p [ tsify --noImplicitAny ] > bundle.js",
"dest": "browserify main.ts -t [ browserify-shim ] -p [ tsify --noImplicitAny ] | uglifyjs -cm > bundle.min.js"
},
"browserify-shim": {
"sweetalert2": "global:Swal"<-我用的是sweetalert2,映射到window.Swal
}
}
```
可以参考[这里](https://stackoverflow.com/questions/23125338/how-do-i-use-browserify-with-external-dependencies),每个依赖的github都写的比较清楚。。。
此外可以安装一些编辑器插件,比如vscode可以使用`Scriptmonkey`之类的对`GM_?`进行识别和定义(当然也可以npm安装开发依赖。。。。)
最终效果(部分):
!(data/attachment/forum/202301/06/221329lv12lubdpyd72fhj.png)
(没错,因为有sourcemap,所以可以方便调试。。。)
!(data/attachment/forum/202301/06/221502dmdvohggodwgoj3w.png)
写了这么多,其实很简单。。。
水贴嘛(吾爱也发一份去) 刀不锋利马太瘦,没有实力,你别跟我涛斗 涛哥头像是熊猫烧香{:4_113:} 李恒道 发表于 2023-1-6 22:30
刀不锋利马太瘦,没有实力,你别跟我涛斗
这两天回老家,看不到精神小伙了 脚本猫也可以?还没去处理过本地文件 王一之 发表于 2023-1-7 15:33
脚本猫也可以?还没去处理过本地文件
应该也是可以的,本质上都是uri
页:
[1]