如何写一个谷歌插件🎄

第一步

新建文件manifest.js

{
  "name": "乌特拉",
  "manifest_version":2, 
  "version": "1.0.1",
  "description": "happy demo",
  "browser_action":
  {
      "default_popup": "popup.html"
  },
  "icons": {
    "128": "logo.png"
  }
}
复制代码

第二步

新建文件popup.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>demo</title>
</head>
<body>
	<div id='w'>你好💌,从明天开始播o报敬请期待</div>
	<script src="popup.js"></script>
</body>
</html>
复制代码

第三步

新建文件popup.js

let words = [	'今天也是值得开心的一天✌',	'看得到太阳☀吗',	'小鸡一点都不可爱',	'简单就好 享受就好',	'人生匆匆 愿我们共享光荣 愿我们的梦想永不落空',	'宋亚轩会一直是宋亚轩'];
let count = 0;
function setScheduledTask(hour, minute, callTask) {
    let taskTime = new Date();
    taskTime.setHours(hour);
    taskTime.setMinutes(minute);
    let timeDiff = taskTime.getTime() - (new Date()).getTime(); // 获取时间差
    setTimeout(function() {
        callTask(); // 首次执行
        setInterval(callTask, 24 * 60 * 60 * 1000); // 24小时为循环周期
    }, timeDiff); 
}
setScheduledTask(0,0,function(){alert(words[count===words.length?0:count++])});
复制代码

第四步

设置插件图标 同级目录下添加logo.png文件

image.png

image.png

第五步

上传并生成两个密钥文件

image.png

image.png

第六步

上传文件包

image.png

image.png

总结

说明

  1. 该篇记录整个插件创建过程,方便之后自己的回忆所记录,适合初学者
  2. 可根据自己的情况,修改文件名,图标名
  3. 如需发布至谷歌,需要注册并缴费,自己用的话就打包文件传递使用
分类:
前端
标签: