Chrome 插件开发-桌面通知设置实战演示,设置通知显示、存在时间

简介: Chrome 插件开发-桌面通知设置实战演示,设置通知显示、存在时间

给大家先看下效果:

3.gif

之前用的是 webkitNotifications.createNotification() 方法,现在已经不用了。

现在用的是 chrome.notifications.create() 方法。

我在 backgroud.js 里设置桌面通知显示。

创建通知时 type、title、message、iconUrl4 个属性一定要有。

function desktop_notification(){
  chrome.notifications.create("id", { 
    type : 'basic',
    title : ' ',  // 这里我故意使显示这个为空,显得没那么拥挤
    message : 'Auto Recode Start · · ·',
    iconUrl : 'static/nc_16x16.png'
  });
}
// 调用桌面通知
desktop_notification();
// 通知定时2秒进行清理
setTimeout(function(e){
  // 这里的id只要和创建的时候设置id值一样就行了,就可以清理对应id的通知了
  chrome.notifications.clear("id");
}, 2000);

详细属性如下:

image.png

喜欢的点个赞❤吧!

   

目录
相关文章
|
8天前
|
Web App开发
推荐一款chrome阅读插件
推荐一款chrome阅读插件
17 2
|
21天前
|
存储 Web App开发 JSON
【Chrome插件】如何在Chrome插件开发中处理复杂数据结构的存储?
在Chrome插件开发中,遇到问题:存储包含Map和数组的复杂数据结构到`chrome.storage.local`时,读取为空。原因在于`chrome.storage.local`只支持JSON序列化,而Map无法直接序列化。解决方案是使用`serializeMap`和`deserializeMap`方法将Map转换为数组进行存储和读取。更新的`saveMindData`和`getMindData`方法实现了数据的正确序列化和反序列化。
43 5
|
5天前
|
Web App开发 Java API
Chrome插件开发(三)
Chrome插件开发(三)
|
25天前
|
Web App开发 前端开发 安全
Chrome 插件打包发布
Chrome 插件打包发布
29 0
|
25天前
|
Web App开发 JSON JavaScript
Chrome 插件各模块之间的消息传递
Chrome 插件各模块之间的消息传递 一、消息传递 1. 消息传递分类 Chrome 插件的 Action、Background 和 content_script 三个模块之间的信息传输 插件和插件之间的信息传输 网页向插件进行信息传输 与原生应用进行消息传递
19 0
|
25天前
|
Web App开发 JavaScript
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
27 0
|
2月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
106 0
|
2月前
|
Web App开发 JavaScript 前端开发
从零开始,轻松打造个人化Chrome浏览器插件
从零开始,轻松打造个人化Chrome浏览器插件
108 0
|
2月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
184 0
|
4天前
|
Web App开发 前端开发 JavaScript
Chrome 浏览器中执行 JavaScript
Chrome 浏览器中执行 JavaScript
15 0

相关实验场景

更多