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

jollywing 发布于2019-08-23 12:17 / 2915人阅读

摘要：背景一忙起来，老是忘记点的晚餐，晚餐很丰盛，重点是免费于是抽空写了个小插件，提醒我点餐在这简单分享一下。点击弹出的提示，就到点餐详情页面选菜去了。都有什么菜上图回到正题使用的插件来自社区查看效果请戳主要思路设置个定时器每天定时提醒。

背景

一忙起来，老是忘记点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.

混合云服务器托管小程序点餐免费点餐小程序 chrome webrtc插件 Chrome 插件 webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98257.html

知乎快捷取消我关注的问题chrome插件

摘要：起因昨天上知乎一看，发现自己关注的问题接近个了，不能忍，希望控制在个以以内最好是个以内。到问题详情页分析取消关注的格式，使用问题拼装。功能说明把所有关注的问题列出来。而实际上知乎显示我关注的问题有个。知乎的列表的结构和接口都可能会修改。起因昨天上知乎一看，发现自己关注的问题接近1000个了，不能忍，希望控制在500个以以内最好是100个以内。于是打开我关注的问题列表。发现这个列表已...

PAMPANG 2019-08-22 13:56 评论0 收藏0
基于 Nest.js(Node.js) 的模块化敏捷开发系统架构 Notadd 2.0 Beta2

摘要：快速开始下载码云高速下载安装执行包安装，如无，请先执行自动创建数据库配置必须使用必须使用必须使用运行更新月报年月年月年月年月年月年月年月年月年月下载地址码云一点说明月将发布用户中心模块和模块，月月后续还会有商城模块微信模块前言大多数 node.js 框架都没解决架构问题，使得 node.js 没能像 spring 一样的适合大型项目开发和维护的框架。 nest.js 出现改变了这种...

gaosboy 2019-08-22 15:58 评论0 收藏0
提醒我喝水chrome插件开发指南

摘要：分析自己的需求，就是半个小时通知我一次，那么最简单的就是一个后台运行的定时器，每隔半个小时运行一次。起因因为最近工作比较忙，经常忘记了喝水。作为一名前端开发人员，面对着浏览器工作是常态。所以这里为了解决这个痛点，面向前端开发人员写了一款浏览器插件。他的作用就是提醒喝水。这里将半个小时设置为一个周期，大概和番茄工作法的原理一样。基本上集中注意力半个小时人也就累了。这个时候喝口水，舒缓...

mozillazg 2019-08-26 11:36 评论0 收藏0
react + koa2打造点餐系统

摘要：后来本人觉得太麻烦了，便抽了点时间去开发一个专为都城点餐的端系统，主要为了方便自己。通过解析配置，通过打包生成资源，然后前端服务将资源引入到中达到渲染效果。搭建自己的服务器也有好处，可以解决跨域问题，或者通过作为中间层请求后台服务器。前言第一次写文章，用作个人记录和分享交流，不好之处还请谅解。因本人喜爱吃都城(健康)，在公司叫的外卖都是都城，然后越来越多人跟着我点，而且每次都是我去...

enrecul101 2019-08-23 18:03 评论0 收藏0