提示我喝水chrome插件开辟指南

2024年5月23日 138次阅读 来源: 风烟

原由

由于近来事情比较忙，常常忘记了喝水。作为一位前端开辟人员，面对着浏览器事情是常态。所以这里为了处理这个痛点，面向前端开辟人员写了一款浏览器插件。他的作用就是提示喝水。
这里将半个小时设置为一个周期，也许和番茄事情法的道理一样。基本上集合注意力半个小时人也就累了。这个时刻喝口水，舒缓一下慌张的神经。也作为一个歇息的周期。为我们的事情继承高效的举行奠基了节拍。

效果

这是我做的浏览器插件
插件下载地点

开辟思绪

下面顺路引见一下浏览器插件开辟思绪，编程不光请求理论还要有实践，撸起袖子直接干。

  • 最先直接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翻译的文档

能够参考这个看。

结语

感兴趣的能够下载插件举行运用

    原文作者：风烟
    原文地址: https://segmentfault.com/a/1190000013130772
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞