厌倦了自带的 alert？来试试我最近写的小项目吧！

2016 年 7 月 12 日
 pseudo

每次看到 Chrome 弹出的丑丑的 alert 总想能不能让它变漂亮一点，于是自己动手写了一个。

它不光可以替代原本的 alert, confirm 和 prompt ，还有丰富的自定义选项；

它非常轻便， gzip 压缩后所有文件只有 3.4KB ，没有任何库的依赖，可以直接通过 npm/bower 安装；

它能直接适配移动端，还能自己写主题。

在线完整演示与文档

Github

如果喜欢的话，帮我点个 star 吧，谢谢啦～

6071 次点击
所在节点    程序员
43 条回复
xiaoyao9933
2016 年 7 月 12 日
mac safari 下没有动画效果。。
ibreaker
2016 年 7 月 12 日
Chrome 弹过 alert 吗 没注意过
7654
2016 年 7 月 12 日
firefox 里也很漂亮
bdbai
2016 年 7 月 12 日
然而原生函数是同步的。
建议支持一下 Promise 呗。
yxzblue
2016 年 7 月 12 日
还可以，不过效果和 SweetAlert 这个库一样~
miaotaizi
2016 年 7 月 12 日
难道楼主没听说过 layer.js 吗?
pseudo
2016 年 7 月 12 日
@xiaoyao9933 我的有的呀，是不是因为不是新版
@ibreaker 应该是越来越少了
@7654 一直在用 Chrome ，下载一个 Firefox 看看啥效果
@bdbai 谢谢你的建议～好呀，我先学习一下 promise
@yxzblue 写之前看到这个库啦，动画效果有参考它。但觉得它太大了就自己写了一个，也当是给自己练练手吧
@miaotaizi 还真没有诶
Patrick95
2016 年 7 月 12 日
加一个「加载中」的动画呀~
pseudo
2016 年 7 月 12 日
@Patrick95 有呀，在主页上的演示中有得
rrfeng
2016 年 7 月 12 日
3.4k 还小吗……
hkongm
2016 年 7 月 12 日
说点别的，这代码缩紧。。。
Patrick95
2016 年 7 月 12 日
@pseudo 看到了，很不错~
BOYPT
2016 年 7 月 12 日
如果项目里面用了 bootstrap 的话我推荐 sco.js 里面的 confirm ，简单方便
http://projects.5mins.me/sco.js/#confirm
xiaoyao9933
2016 年 7 月 12 日
@pseudo 我的是 版本 8.0.7 (10600.7.12) ， 你代码 demo 那里也是黑乎乎一片，不显示。其他浏览器 ok 。
pseudo
2016 年 7 月 12 日
@rrfeng 对比了一下同类的库感觉算小了，如果只是简单实现原始的三个功能确实不算小..
@hkongm 是不是因为我用的 tab 符在 Github 上变成八个空格了...
@Patrick95 谢谢你的鼓励～
@BOYPT 谢谢推荐～
@xiaoyao9933 我的是 9.1.1 ，应该是没有加-webkit-前缀的原因，我会在更新中加上的兼容性前缀的
SvenWong
2016 年 7 月 12 日
个人感觉配色有点不太协调，不过还是给你 star ，加油
rekulas
2016 年 7 月 12 日
挺不错 我现在用的 sweetalert 弹出时候的动作有点类似 http://t4t5.github.io/sweetalert/
dongyado
2016 年 7 月 12 日
@rekulas 你这个也很漂亮
pseudo
2016 年 7 月 12 日
@SvenWong 谢谢，没有系统学过设计，凭感觉配色的，我会继续努力的～
@rekulas 有参考它的动画， sweetalert 确实很棒
cchange
2016 年 7 月 12 日
@rekulas 确实不错 主要是火狐可用
都加油！

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/291921

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX