上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

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

[复制链接]

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-7 18:55:06 | 显示全部楼层 | 阅读模式

关于正式脚本引用问题

gf发布的require路径有一定的限制,这里依然目前没有找到特别好的办法

jsdelivr被限制了gh路径的发布

所以如果你引用我的路径很大概率是要出问题的

请不要在正式发布脚本尝试引入我的魔改

前文

刚才无聊刷github发现一个很有趣的模块

https://github.com/CodeSeven/toastr

可以很方便的做消息提示。

油猴尝试了下,依然不支持require

我们继续魔改玩一下!

另外请注意需要前置jquery

开始

我们大概看一下代码

图片.png

这里是一个自执行函数,第二个的参数传入到第一个当e

出现这种情况十有八九window问题

图片.png

这里可以看到做了一点对比,首先对比define类型,和define.amd

然后做各种乱七八糟判断

我们这里是浏览器环境,肯定都是没有的,那只可能进入函数部分。

也就是返回给第一个自执行函数一个函数

图片.png

缩减了一下代码变成了这样

接下来继续看,这里modul之类的也肯定都是没有的,所以会执行到

window.toastr = t(window.jQuery)

t是自执行函数传给我们的参数,这里是什么我们都不在乎了,直接修改下window指向试试

图片.png

运行一下看看

图片.png

运行成功~

源码

// ==UserScript==
// @name         测试提示框
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://bbs.tampermonkey.net.cn/forum.php
//@resource   CSS https://raw.githubusercontent.com/lihengdao666/Modify-Tampermonkey-Libs/master/toastr.css
// @require      https://raw.githubusercontent.com/lihengdao666/Modify-Tampermonkey-Libs/master/toastr.js
// @icon         https://www.google.com/s2/favicons?domain=tampermonkey.net.cn
// @grant        unsafeWindow
// @grant      GM_getResourceText
// @grant      GM_addStyle
// ==/UserScript==

GM_addStyle(GM_getResourceText("CSS"));
toastr.info('Are you the 6 fingered man?')
混的人。

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-7 19:18:27 | 显示全部楼层
可以参考https://codeseven.github.io/toastr/demo.html
有对位置控制的部分以及一些其他的东西
如位置控制是  "positionClass": "toast-bottom-center",
混的人。
回复

使用道具 举报

1

主题

30

帖子

24

积分

新手上路

Rank: 1

积分
24

突出贡献猫咪币纪念章中秋纪念章国庆纪念章

发表于 2021-10-8 09:31:53 | 显示全部楼层
gg真是高产似__ __

这个用着确实体验不错

最后选择了sw2
回复

使用道具 举报

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-8 09:43:43 | 显示全部楼层
maxzhang 发表于 2021-10-8 09:31
gg真是高产似__ __

这个用着确实体验不错

sw2是啥
我github昨天偶然发现的这个
目前还有一个最大的问题就是
魔改的东西不知道放哪里
操....
混的人。
回复

使用道具 举报

1

主题

30

帖子

24

积分

新手上路

Rank: 1

积分
24

突出贡献猫咪币纪念章中秋纪念章国庆纪念章

发表于 2021-10-8 09:56:24 | 显示全部楼层
李恒道 发表于 2021-10-8 09:43
sw2是啥
我github昨天偶然发现的这个
目前还有一个最大的问题就是

sweetalert2

有toastr的弹窗模式

放github用jsdeliver引用不就行啦
回复

使用道具 举报

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-8 10:04:29 | 显示全部楼层
maxzhang 发表于 2021-10-8 09:56
sweetalert2

有toastr的弹窗模式

gf不支持这种...即使发release版本
有jsildvr那个,因为gf屏蔽了gh目录也不行
妈的
混的人。
回复

使用道具 举报

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-8 10:05:23 | 显示全部楼层
maxzhang 发表于 2021-10-8 09:56
sweetalert2

有toastr的弹窗模式

sweetalert2试了下好像还可以
现在是我的了!
给你ban掉!
下节课讲!
混的人。
回复

使用道具 举报

1

主题

30

帖子

24

积分

新手上路

Rank: 1

积分
24

突出贡献猫咪币纪念章中秋纪念章国庆纪念章

发表于 2021-10-8 10:30:15 | 显示全部楼层
李恒道 发表于 2021-10-8 10:05
sweetalert2试了下好像还可以
现在是我的了!
给你ban掉!

你可以先从1讲

sweetalert1的ui相对来说比较温和

sweetalert2的ui我个人感觉是略大开大合

回复

使用道具 举报

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-8 12:47:16 | 显示全部楼层
maxzhang 发表于 2021-10-8 10:30
你可以先从1讲

sweetalert1的ui相对来说比较温和

话说sweetalert能取代toast么,还是只是dialog
混的人。
回复

使用道具 举报

1

主题

30

帖子

24

积分

新手上路

Rank: 1

积分
24

突出贡献猫咪币纪念章中秋纪念章国庆纪念章

发表于 2021-10-8 13:52:10 | 显示全部楼层
李恒道 发表于 2021-10-8 12:47
话说sweetalert能取代toast么,还是只是dialog

我觉得可以

但是只是使用toast功能的话没必要

毕竟人家更专业的是alert
回复

使用道具 举报

发表回复

本版积分规则

快速回复 返回顶部 返回列表