真·在线调试（油猴，脚本猫都可以）

涛之雨

本帖最后由 涛之雨 于 2023-1-6 23:18 编辑

根据 Bilibili-Evolved 的开发文档
一共分三步

1. 赋予油猴/脚本猫/whatever 本地文件读取权限
2. 配置油猴脚本

   比如我的

   // ==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中修改为：

{
  ...
  "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
  }
}

可以参考这里，每个依赖的github都写的比较清楚。。。

此外可以安装一些编辑器插件，比如vscode可以使用Scriptmonkey之类的对GM_?进行识别和定义（当然也可以npm安装开发依赖。。。。）

最终效果（部分）：

（没错，因为有sourcemap，所以可以方便调试。。。）

写了这么多，其实很简单。。。

水贴嘛（吾爱也发一份去）

李恒道

刀不锋利马太瘦，没有实力，你别跟我涛斗

小趴菜

涛哥头像是熊猫烧香

懒男孩

李恒道 发表于 2023-1-6 22:30
刀不锋利马太瘦，没有实力，你别跟我涛斗

这两天回老家，看不到精神小伙了

王一之

脚本猫也可以？还没去处理过本地文件

涛之雨

王一之 发表于 2023-1-7 15:33
脚本猫也可以？还没去处理过本地文件

应该也是可以的，本质上都是uri