成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

提醒我喝水chrome插件開發(fā)指南

mozillazg / 511人閱讀

摘要:分析自己的需求,就是半個小時通知我一次,那么最簡單的就是一個后臺運行的定時器,每隔半個小時運行一次。

起因

因為最近工作比較忙,經(jīng)常忘記了喝水。作為一名前端開發(fā)人員,面對著瀏覽器工作是常態(tài)。所以這里為了解決這個痛點,面向前端開發(fā)人員寫了一款瀏覽器插件。他的作用就是提醒喝水。
這里將半個小時設置為一個周期,大概和番茄工作法的原理一樣?;旧霞凶⒁饬Π雮€小時人也就累了。這個時候喝口水,舒緩一下緊張的神經(jīng)。也作為一個休息的周期。為我們的工作繼續(xù)高效的進行奠定了節(jié)奏。

成果

這是我做的瀏覽器插件
插件下載地址

開發(fā)思路

下面順道介紹一下瀏覽器插件開發(fā)思路,編程不光要求理論還要有實踐,擼起袖子直接干。

開始直接github找了一個瀏覽器插件代碼 下載到本地。

再配合和segmentfault的這篇文章

對照著練習。

分析自己的需求,就是半個小時通知我一次,那么最簡單的就是一個后臺運行的定時器,每隔半個小時運行一次。

關(guān)鍵點在于后臺運行和通知。

代碼肯定是最簡單的定時器,對于前端開發(fā)人員肯定不用多說,so easy!

這里主要在manifest.json里面配置

后臺運行,關(guān)鍵代碼

// 參考代碼
"background":{//background script即插件運行的環(huán)境
    "page":"background.html"
    // "scripts": ["js/jquery-1.9.1.min.js","js/background.js"]//數(shù)組.chrome會在擴展啟動時自動創(chuàng)建一個包含所有指定腳本的頁面
}, 
// 實際代碼
"background": {
    "scripts": [
      "js/background.js"
    ]
 },

通知,那就需要瀏覽器的通知權(quán)限了,看了單詞,猜了一下那就是permissions這個了。

// 參考代碼
"permissions": [ //允許插件訪問的url
    "http://*/", 
    "bookmarks", 
    "tabs", 
    "history" 
], 
// 實際代碼
"permissions": [
    "notifications"
 ],

這里的notifucations這個參數(shù)是我參考人家寫的插件里面找到的,當前我這是速成。

正規(guī)的進行開發(fā)學習可以參考官方文檔

如果英語不好的同學可以看下這個

360翻譯的文檔

可以參考這個看。

結(jié)語

感興趣的可以下載插件進行使用

插件地址

源碼地址

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/107230.html

相關(guān)文章

  • python小腳本:定時提醒喝水

    摘要:多喝水分鐘循環(huán)一次定時提醒喝水不用費勁的把腳本添加到計劃任務了后綴保存為就不會出現(xiàn)控制臺窗口了 # # -*- coding: utf-8 -*- import subprocess import time,os def createFile(filename): if os.path.exists(filename) == False: open(fil...

    jkyin 評論0 收藏0
  • 520為心愛的TA定制一個生活小助理吧

    摘要:只需要短短的幾行代碼結(jié)合微信就可以為你心愛的打造一個貼心智能小助理。每天早上的時候準時推送今天天氣情況生活指數(shù)等。只需要兩行代碼即可注冊一個定時執(zhí)行事件,寫好提前想好的提醒語。淡忘你的小可愛提醒你該喝水了快喝一杯水showImg(https://user-gold-cdn.xitu.io/2019/5/20/16ad55bc4cf835a7); 只需要短短的幾行代碼結(jié)合微信就可以為你心愛的T...

    王陸寬 評論0 收藏0
  • Chrome插件開發(fā) - 提醒點餐

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

    jollywing 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<