论坛 › 脚本开发 › [油猴脚本开发指南]魔改toastr

steven026 发表于 2022-6-30 11:12:16

```
// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @descriptiontry to take over the world!
// @author       You
// @match      https://bbs.tampermonkey.net.cn/
// @resource JShttps://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js
// @resource CSS https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css
// @grant      GM_getResourceText
// @grant      GM_addStyle
// @grant      unsafeWindow
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';
    unsafeWindow.eval(GM_getResourceText("JS"))
    GM_addStyle(GM_getResourceText("CSS"));
    toastr.info('Are you the 6 fingered man?')
})();
```


GG，感觉可以直接通过resource+eval的方式变相require原js，这样就不用魔改了
不清楚greasyfork支不支持这样

```
// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @descriptiontry to take over the world!
// @author       You
// @match      https://bbs.tampermonkey.net.cn/
// @resource JShttps://raw.githubusercontent.com/eligrey/FileSaver.js/master/dist/FileSaver.min.js
// @grant      GM_getResourceText
// @grant      unsafeWindow
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';
    unsafeWindow.eval(GM_getResourceText("JS"))
    var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "hello world.txt");
})();
```

然后https://bbs.tampermonkey.net.cn/thread-1146-1-1.html这篇也不需要with了

李恒道 发表于 2022-6-30 16:13:51

steven026 发表于 2022-6-30 11:12
```
// ==UserScript==
// @name         New Userscript

resource+eval的方式变相require原js
这个是一个好办法！
之前一直没想到
我草
学到了

李恒道 发表于 2022-7-11 15:21:03

steven026 发表于 2022-6-30 11:12
```
// ==UserScript==
// @name         New Userscript


这个最近尝试用了一下
比较适合单个js文件的引用
如果复合js文件会导致执行异常
比如vue+element-plus就无法执行
使用环境还是有一点限制的
但是大部分情况还是很方便的！

steven026 发表于 2022-7-11 15:47:11

本帖最后由 steven026 于 2022-7-11 15:48 编辑

李恒道 发表于 2022-7-11 15:21
这个最近尝试用了一下
比较适合单个js文件的引用
如果复合js文件会导致执行异常


// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @descriptiontry to take over the world!
// @author       You
// @match      https://bbs.tampermonkey.net.cn/
// @resource vue https://cdn.jsdelivr.net/npm/vue@next
// @resource ele https://unpkg.com/element-plus
// @resource ele_css https://cdn.jsdelivr.net/npm/element-plus/dist/index.css
// @grant      unsafeWindow
// @grant      GM_getResourceText
// @grant      GM_addStyle
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';
    unsafeWindow.eval(GM_getResourceText("vue"))
    unsafeWindow.eval(GM_getResourceText("ele"))
    GM_addStyle(GM_getResourceText("ele_css"));
    let text=`<div id="app" style="position: absolute;top: 50vh;left: 50vw;background: #fb7d7d;width: 100px;height: 100px;">
         <el-button>{{ message }}</el-button>
    </div>`

    var el=document.createElement('div')
    el.innerHTML=text;
    document.body.append(el)
    const App = {
      data() {
            return {
                message: "Hello Element Plus",
            };
      },
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");
})();



!(data/attachment/forum/202207/11/154617ipnn9zl5u73c970b.png)
GG我试了下没问题诶，代码用的是这篇的https://bbs.tampermonkey.net.cn/thread-1039-1-1.html

李恒道 发表于 2022-7-11 15:52:16

steven026 发表于 2022-7-11 15:47
!(data/attachment/forum/202207/11/154617ipnn9zl5u73c970b.png)
GG我试了下没问题 ...

？？
我擦？
我下午测试的时候没跑通
我晚上再试试

查看完整版本: [油猴脚本开发指南]魔改toastr