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

steven026

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://bbs.tampermonkey.net.cn/
// @resource JS  https://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
// @description  try to take over the world!
// @author       You
// @match        https://bbs.tampermonkey.net.cn/
// @resource JS  https://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了

李恒道

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

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

李恒道

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

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

steven026

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

1. 
   
2. // ==UserScript==
   
3. // @name         New Userscript
   
4. // @namespace    http://tampermonkey.net/
   
5. // @version      0.1
   
6. // @description  try to take over the world!
   
7. // @author       You
   
8. // @match        https://bbs.tampermonkey.net.cn/
   
9. // @resource vue https://cdn.jsdelivr.net/npm/vue@next
   
10. // @resource ele https://unpkg.com/element-plus
    
11. // @resource ele_css https://cdn.jsdelivr.net/npm/element-plus/dist/index.css
    
12. // @grant        unsafeWindow
    
13. // @grant        GM_getResourceText
    
14. // @grant        GM_addStyle
    
15. // @run-at       document-end
    
16. // ==/UserScript==
    
17. 
    
18. (function() {
    
19.     'use strict';
    
20.     unsafeWindow.eval(GM_getResourceText("vue"))
    
21.     unsafeWindow.eval(GM_getResourceText("ele"))
    
22.     GM_addStyle(GM_getResourceText("ele_css"));
    
23.     let text=`<div id="app" style="position: absolute;top: 50vh;left: 50vw;background: #fb7d7d;width: 100px;height: 100px;">
    
24.            <el-button>{{ message }}</el-button>
    
25.     </div>`
    
26. 
    
27.     var el=document.createElement('div')
    
28.     el.innerHTML=text;
    
29.     document.body.append(el)
    
30.     const App = {
    
31.         data() {
    
32.             return {
    
33.                 message: "Hello Element Plus",
    
34.             };
    
35.         },
    
36.     };
    
37.     const app = Vue.createApp(App);
    
38.     app.use(ElementPlus);
    
39.     app.mount("#app");
    
40. })();
    

复制代码

GG我试了下没问题诶，代码用的是这篇的https://bbs.tampermonkey.net.cn/thread-1039-1-1.html

李恒道

steven026 发表于 2022-7-11 15:47
GG我试了下没问题 ...

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