无法更改左侧的电子通知图标

时间:2016-05-31 13:46:22

标签: javascript html5 notifications electron

我的应用程序使用单独的隐藏BrowserWindow来显示新通知。 通知有2个图标。我无法编辑左侧的电子图标,而右侧的图标可以编辑得很好。

Notification

如何更改左侧图标?

我尝试更改BrowserWindow的图标并通过电子打包器更改电子图标。 我还更改了产生通知的页面的favicon图标,但无济于事。

我找不到任何其他有关它的文档,甚至可以在通知中有2个图标。据我所知,它应该是原生的HTML5通知。

平台: Mac OS X El Capitan

电子版: 1.1.1

渲染器中使用的代码Javascript:

const electron = require('electron');
const ipc = electron.ipcRenderer;

var Notification = window.Notification || window.mozNotification || window.webkitNotification;

require('electron').ipcRenderer.on('showNotification', (event, message) => {
  Notification.requestPermission();
  var notification = new Notification("New Notification found");
});

require('electron').ipcRenderer.on('showNotificationAmount', (event, message) => {
  Notification.requestPermission();
  var notification = new Notification("New Notifications found!", {icon: "http://orig07.deviantart.net/d754/f/2011/132/e/4/google_chrome_icon_yellow_by_cameronsagey-d3g75gy.png", body: message + " new notifications available for you!"});
});

Main.js中使用的代码:

//Make hidden window, used for notifications
  hiddenNotificationBalloonWindow = new window({
      show: false,
      transparent: true,
      icon: nativeImage.createFromPath(__dirname + '/images/logowindowicon.png')
  });
  hiddenNotificationBalloonWindow.setRepresentedFilename(__dirname + '/images/logowindowicon.png');
  hiddenNotificationBalloonWindow.setDocumentEdited(true);
  hiddenNotificationBalloonWindow.loadURL("file://" + __dirname + "/windows/hiddenHTML5NotifyBalloonActivator.html");

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

阅读完本文后:OSX Notification Center Icon

我注意到通过电子打包器添加app-bundle-id为我解决了这个问题。 问题是由Mac OS X中的图标缓存引起的。简单地删除缓存文件并没有解决我的问题。虽然更改/添加了bundle-id。