大佬们, html 代码怎么让任务栏浏览器做窗口抖动,类似于微信收到消息那种任务栏抖动提示

2023-07-18 11:10:22 +08:00
 pzistart

大佬们,html 代码怎么让浏览器做窗口抖动,类似于微信收到消息那种任务栏抖动提示

1662 次点击
所在节点    程序员
7 条回复
chongdianbao
2023-07-18 11:33:31 +08:00
建议做个浏览器
pzistart
2023-07-18 11:36:01 +08:00
@chongdianbao 你是真秀 陈泽秀都没你秀
coolfan
2023-07-18 11:50:17 +08:00
让浏览器发通知,像别的桌面程序一样可以从右下角弹窗消息,同时任务栏也会高亮吧
w292614191
2023-07-18 11:56:23 +08:00
document.title='您有的新的消息,[xxx 未完成,请及时审核!]',文字长一些,然后就会滚动效果了,看起来不错。

还有一种是:
document.title=''
sleep(1s)
document.title='消息'
做个定时器会有闪动效果,用户感知会更强。
7gugu
2023-07-18 12:04:07 +08:00
原生浏览器做不了的,Web Notifications 才是正解,用这个可以帮你提醒用户
netnr
2023-07-18 12:54:40 +08:00
6IbA2bj5ip3tK49j
2023-07-18 21:12:56 +08:00
窗口抖不了,但是整个 body 抖一抖还是没问题的。

setInterval(function(){
var offsetX = Math.random() * 10 - 5;
var offsetY = Math.random() * 10 - 5;
document.querySelector('body').style.transform = 'translate(' + offsetX + 'px, ' + offsetY + 'px)';
setTimeout(function() {
document.querySelector('body').style.transform = 'translate(0, 0)';
}, 50);
},500)

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

https://www.v2ex.com/t/957629

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

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

© 2021 V2EX