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

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

[复制链接]
  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 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?')
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 2021-10-7 19:18:27 | 显示全部楼层
    可以参考https://codeseven.github.io/toastr/demo.html
    有对位置控制的部分以及一些其他的东西
    如位置控制是  "positionClass": "toast-bottom-center",
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    4 天前
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    67

    帖子

    102

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    102

    荣誉开发者突出贡献猫咪币纪念章中秋纪念章国庆纪念章三好学生活跃会员热心会员宣传达人

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

    这个用着确实体验不错

    最后选择了sw2
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

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

    这个用着确实体验不错

    sw2是啥
    我github昨天偶然发现的这个
    目前还有一个最大的问题就是
    魔改的东西不知道放哪里
    操....
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    4 天前
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    67

    帖子

    102

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    102

    荣誉开发者突出贡献猫咪币纪念章中秋纪念章国庆纪念章三好学生活跃会员热心会员宣传达人

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

    sweetalert2

    有toastr的弹窗模式

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

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

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

    有toastr的弹窗模式

    gf不支持这种...即使发release版本
    有jsildvr那个,因为gf屏蔽了gh目录也不行
    妈的
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

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

    有toastr的弹窗模式

    sweetalert2试了下好像还可以
    现在是我的了!
    给你ban掉!
    下节课讲!
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    4 天前
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    67

    帖子

    102

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    102

    荣誉开发者突出贡献猫咪币纪念章中秋纪念章国庆纪念章三好学生活跃会员热心会员宣传达人

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

    你可以先从1讲

    sweetalert1的ui相对来说比较温和

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

    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

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

    sweetalert1的ui相对来说比较温和

    话说sweetalert能取代toast么,还是只是dialog
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    4 天前
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    67

    帖子

    102

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    102

    荣誉开发者突出贡献猫咪币纪念章中秋纪念章国庆纪念章三好学生活跃会员热心会员宣传达人

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

    我觉得可以

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

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

    使用道具 举报

    发表回复

    本版积分规则

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