Chrome 小插件開發 - 提醒我點餐

jollywing 發布于2019-08-23 12:17 / 3021人閱讀

摘要：背景一忙起來，老是忘記點的晚餐，晚餐很豐盛，重點是免費于是抽空寫了個小插件，提醒我點餐在這簡單分享一下。點擊彈出的提示，就到點餐詳情頁面選菜去了。都有什么菜上圖回到正題使用的插件來自社區查看效果請戳主要思路設置個定時器每天定時提醒。

背景

一忙起來，老是忘記點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.

GPU云服務器云服務器小程序點餐免費點餐小程序 chrome webrtc插件 Chrome 插件 webrtc

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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