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

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

[复制链接]
  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 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?')
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2021-10-7 19:18:27 | 显示全部楼层
    可以参考https://codeseven.github.io/toastr/demo.html
    有对位置控制的部分以及一些其他的东西
    如位置控制是  "positionClass": "toast-bottom-center",
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-6-12 15:07
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    7

    主题

    94

    回帖

    155

    积分

    荣誉开发者

    积分
    155

    荣誉开发者油中2周年生态建设者喜迎中秋

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

    这个用着确实体验不错

    最后选择了sw2
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

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

    这个用着确实体验不错

    sw2是啥
    我github昨天偶然发现的这个
    目前还有一个最大的问题就是
    魔改的东西不知道放哪里
    操....
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-6-12 15:07
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    7

    主题

    94

    回帖

    155

    积分

    荣誉开发者

    积分
    155

    荣誉开发者油中2周年生态建设者喜迎中秋

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

    sweetalert2

    有toastr的弹窗模式

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

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

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

    有toastr的弹窗模式

    gf不支持这种...即使发release版本
    有jsildvr那个,因为gf屏蔽了gh目录也不行
    妈的
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

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

    有toastr的弹窗模式

    sweetalert2试了下好像还可以
    现在是我的了!
    给你ban掉!
    下节课讲!
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-6-12 15:07
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    7

    主题

    94

    回帖

    155

    积分

    荣誉开发者

    积分
    155

    荣誉开发者油中2周年生态建设者喜迎中秋

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

    你可以先从1讲

    sweetalert1的ui相对来说比较温和

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

    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

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

    sweetalert1的ui相对来说比较温和

    话说sweetalert能取代toast么,还是只是dialog
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-6-12 15:07
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    7

    主题

    94

    回帖

    155

    积分

    荣誉开发者

    积分
    155

    荣誉开发者油中2周年生态建设者喜迎中秋

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

    我觉得可以

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

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

    使用道具 举报

    发表回复

    本版积分规则

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