油猴脚本如何使用或者说如何引用sweetalert2呢

风也很温柔

本帖最后由 风也很温柔 于 2023-6-4 19:31 编辑

代码

// ==UserScript==
// @name         Hello world
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @require      https://cdn.jsdelivr.net/npm/sweetalert2@11
// @match        https://*/*
// @icon         
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    Swal.fire('Any fool can use a computer');
})();

问题

查看官方文档 https://sweetalert2.github.io/#usage 依然没有找到解决办法，谢谢解答

李恒道

// ==UserScript==
// @name         Hello world
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @require      https://cdn.jsdelivr.net/npm/sweetalert2@11
// @match       https://bbs.tampermonkey.net.cn/forum.php
// @icon
// ==/UserScript==

(function() {
    Swal.fire('Any fool can use a computer')
})();

wjy0

// @require      https://cdn.jsdelivr.net/npm/sweetalert2@11
你这个引入没毛病吧
Swal.fire('Any fool can use a computer');
问题应该在于这句代码可能不是这样写

风也很温柔

额，那请问应该怎么引用，麻烦给个示例代码，我模仿着来

风也很温柔

wjy0 发表于 2023-6-4 19:46
// @require      https://cdn.jsdelivr.net/npm/sweetalert2@11
你这个引入没毛病吧
Swal.fire('Any fool  ...

额，那请问应该怎么引用，麻烦给个示例代码，我模仿着来

wjy0

风也很温柔 发表于 2023-6-4 19:49
额，那请问应该怎么引用，麻烦给个示例代码，我模仿着来

刚把你的代码试了，把引入网址改成https://fastly.jsdelivr.net/npm/ ... /sweetalert2.min.js
才能正常引入，但是依然没有弹窗，可能还有文件需要引入

wjy0

wjy0 发表于 2023-6-4 20:02
刚把你的代码试了，把引入网址改成https://fastly.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.mi ...

<link rel="stylesheet" href="sweetalert2.min.css">

还有这个CSS文件需要引入

李恒道

sweetAlert2尝试获取了window，然后结尾根据this.sweetAlert做赋值的，none下会出现问题，油猴跟原生js的执行环境不一致，出现问题要多尝试流程调试，这方面论坛也有很多资料

wjy0

李恒道 发表于 2023-6-4 20:03
// ==UserScript==
// @name         Hello world
// @namespace    http://tampermonkey.net/

试了，这个gg才是在正解

李恒道

wjy0 发表于 2023-6-4 20:11
试了，这个gg才是在正解

哥哥最近热心！爱了！