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

im, 无色
im, 无色
im, 无色
884
文章
0
评论
2019年7月1日18:33:34 评论 566

背景


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

先睹为快

到点自动提示:

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

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

都有什么菜 ? 上图:

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

回到正题..使用的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);

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

兼容性还是挺不错, 可以在合适的场景搞点语音提示想必是极好的。

结语

本来就想写这么个插件的,一直没动手, 今天又又又忘记点饭了, 于是撸起袖子就写了一个, 比较简单, 后面完善一下还能给其他人用, 美滋滋 Chrome 小插件开发 – 提醒我点餐

End.

im, 无色
  • 本文由 发表于 2019年7月1日18:33:34
C# 开发Chrome内核浏览器(WebKit.net) Chrome开发

C# 开发Chrome内核浏览器(WebKit.net)

WebKit.net是对WebKit的.Net封装,使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器。这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能。 第一步: 下载...
Google Chrome中的高性能网络 (三) Chrome开发

Google Chrome中的高性能网络 (三)

使用预连接优化了TCP连接管理   已经预解析到了主机名,也有了由OmniBox和Chrome Predictor提供信号,预示着用户未来的操作。为什么再进一步连接到目标主机,在用户真正发起...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: