Chrome 小插件开发 – 提醒我点餐

18次阅读

共计 749 个字符,预计需要花费 2 分钟才能阅读完成。

背景

一忙起来,老是忘记点 Shopee 的晚餐,晚餐很丰盛,重点是免费!, 于是抽空写了个小插件,提醒我点餐, 在这简单分享一下。
先睹为快
到点自动提示:

不光有弹出提示,伴随的还有语音。点击弹出的提示,就到点餐详情页面选菜去了。
都有什么菜 ? 上图:

回到正题.. 使用的 Notify 插件来自社区:iNotify
查看效果请戳: Demo
主要思路
设置个定时器每天定时提醒。

主代码:
function noticeMe() {
clearTimeout(t);
notify.player().notify({
openurl: “http://dinner.szoa.shopee.com/”
});

notifyTime = 24 * 60 * 60 * 1000;
t = setTimeout(noticeMe, notifyTime);
}

function checkTime() {
if (currentTime > threePm) {
notifyTime = threePm + 24 * 60 * 60 * 1000;
} else {
notifyTime = threePm – currentTime;
}
setTimeout(noticeMe, notifyTime);
}

checkTime();

简单的逻辑,一看就懂,就不多解释了。
想拿下来自己玩一玩的,请到这里查看。
如何写一个浏览器插件
类似教程很多了,不再赘述,感兴趣的话自己去查吧。
浏览器也能说话
var msg = new SpeechSynthesisUtterance(“ 该点餐了 ”);
speechSynthesis.speak(msg);

兼容性还是挺不错,可以在合适的场景搞点语音提示想必是极好的。
结语
本来就想写这么个插件的,一直没动手,今天又又又忘记点饭了,于是撸起袖子就写了一个,比较简单,后面完善一下还能给其他人用,美滋滋 :)
End.

正文完
 0