資訊專欄INFORMATION COLUMN
摘要：分析自己的需求，就是半個小時通知我一次，那么最簡單的就是一個后臺運行的定時器，每隔半個小時運行一次。
起因
因為最近工作比較忙，經常忘記了喝水。作為一名前端開發人員，面對著瀏覽器工作是常態。所以這里為了解決這個痛點，面向前端開發人員寫了一款瀏覽器插件。他的作用就是提醒喝水。
這里將半個小時設置為一個周期，大概和番茄工作法的原理一樣?；旧霞凶⒁饬Π雮€小時人也就累了。這個時候喝口水，舒緩一下緊張的神經。也作為一個休息的周期。為我們的工作繼續高效的進行奠定了節奏。
這是我做的瀏覽器插件
插件下載地址
下面順道介紹一下瀏覽器插件開發思路，編程不光要求理論還要有實踐，擼起袖子直接干。
開始直接github找了一個瀏覽器插件代碼 下載到本地。
再配合和segmentfault的這篇文章
對照著練習。
分析自己的需求，就是半個小時通知我一次，那么最簡單的就是一個后臺運行的定時器，每隔半個小時運行一次。
關鍵點在于后臺運行和通知。
代碼肯定是最簡單的定時器，對于前端開發人員肯定不用多說，so easy！
這里主要在manifest.json里面配置
后臺運行,關鍵代碼
// 參考代碼
"background":{//background script即插件運行的環境
"page":"background.html"
// "scripts": ["js/jquery-1.9.1.min.js","js/background.js"]//數組.chrome會在擴展啟動時自動創建一個包含所有指定腳本的頁面
},
// 實際代碼
"background": {
"scripts": [
"js/background.js"
]
},
通知,那就需要瀏覽器的通知權限了,看了單詞，猜了一下那就是permissions這個了。
// 參考代碼
"permissions": [ //允許插件訪問的url
"http://*/",
"bookmarks",
"tabs",
"history"
],
// 實際代碼
"permissions": [
"notifications"
],
這里的notifucations這個參數是我參考人家寫的插件里面找到的，當前我這是速成。
正規的進行開發學習可以參考官方文檔
如果英語不好的同學可以看下這個
360翻譯的文檔
可以參考這個看。
結語感興趣的可以下載插件進行使用
插件地址
源碼地址
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107230.html
摘要：多喝水分鐘循環一次定時提醒喝水不用費勁的把腳本添加到計劃任務了后綴保存為就不會出現控制臺窗口了 # # -*- coding: utf-8 -*- import subprocess import time,os def createFile(filename): if os.path.exists(filename) == False: open(fil...
摘要：只需要短短的幾行代碼結合微信就可以為你心愛的打造一個貼心智能小助理。每天早上的時候準時推送今天天氣情況生活指數等。只需要兩行代碼即可注冊一個定時執行事件，寫好提前想好的提醒語。淡忘你的小可愛提醒你該喝水了快喝一杯水showImg(https://user-gold-cdn.xitu.io/2019/5/20/16ad55bc4cf835a7); 只需要短短的幾行代碼結合微信就可以為你心愛的T...
摘要：背景一忙起來，老是忘記點的晚餐，晚餐很豐盛，重點是免費于是抽空寫了個小插件，提醒我點餐在這簡單分享一下。點擊彈出的提示，就到點餐詳情頁面選菜去了。都有什么菜上圖回到正題使用的插件來自社區查看效果請戳主要思路設置個定時器每天定時提醒。 背景 一忙起來， 老是忘記點Shopee的晚餐，晚餐很豐盛， 重點是免費!, 于是抽空寫了個小插件，提醒我點餐, 在這簡單分享一下。 先睹為快 到點自動...
閱讀 1410·2021-11-24 09:39
閱讀 3691·2021-11-24 09:39
閱讀 1863·2021-11-16 11:54
閱讀 1468·2021-09-30 09:47
閱讀 1717·2021-09-26 10:16
閱讀 2349·2021-09-22 15:33
閱讀 1457·2021-09-14 18:01
閱讀 2443·2021-09-07 09:59
