Chrome插件开发chrome.notifications.create不起作用?

Question

chrome插件开发过程中，有一个需要提醒的功能。用了chrome.notifications.create这个api。发现不起作用(通知并没有弹出来)。代码如下：

// background.js
// 检查并请求通知权限
async function checkNotificationPermission() {
  const permission = await chrome.notifications.getPermissionLevel();
  console.log('Notification permission:', permission);
  return permission === 'granted';
}
// 创建通知
async function createNotification(reminder) {
  try {
    const notificationId = await chrome.notifications.create({
      type: 'basic',
      iconUrl: '/icons/icon128.png',
      title: '提醒事项',
      message: reminder.text,
      priority: 2,
      requireInteraction: true  // 通知会一直显示直到用户交互
    });
    console.log('Notification created:', notificationId);
  } catch (error) {
    console.error('Error creating notification:', error);
  }
}

// 监听闹钟事件
chrome.alarms.onAlarm.addListener(async (alarm) => {
  console.log('Alarm triggered:', alarm);

  try {
    // 检查通知权限
    const hasPermission = await checkNotificationPermission();
    if (!hasPermission) {
      console.error('Notification permission not granted');
      return;
    }

    // 获取提醒数据
    const result = await chrome.storage.local.get(['reminders']);
    const reminders = result.reminders || [];
    console.log('Current reminders:', reminders);
    const reminder = reminders.find(r => r.id.toString() === alarm.name);
    if (reminder) {
      await createNotification(reminder);
    }
  } catch (error) {
    console.error('Error handling alarm:', error);
  }
});

// 监听安装事件，初始化设置
chrome.runtime.onInstalled.addListener(async () => {
  // 请求通知权限
  await checkNotificationPermission();
  
  // 重新设置所有提醒的闹钟
  const result = await chrome.storage.local.get(['reminders']);
  const reminders = result.reminders || [];
  
  reminders.forEach(reminder => {
    const alarmTime = new Date(reminder.datetime).getTime();
    if (alarmTime > Date.now()) {  // 只设置未来的闹钟
      chrome.alarms.create(reminder.id.toString(), {
        when: alarmTime
      });
    }
  });
});

createNotification方法try里面的代码是执行了的。

整体代码在edge浏览器测试有效：

但在chrome浏览器测试无效(通知弹出没有弹出)，什么权限之类的都是打开的。

希望chrome.notifications.create创建的通知能够弹出来。

Answer 1

已解决，不是代码问题，是因为Chrome的通知没开

Answer 2

manifest.json：

{
  // ...
  "permissions": [
    "notifications",
    "storage",
    "alarms"
  ],
  // ... 
}

background.js：

//  ...
async function createNotification(reminder) {
  try {

    const iconUrl = chrome.runtime.getURL('icons/icon128.png');
    
    const notificationId = `reminder-${reminder.id}`;
    
    chrome.notifications.create(notificationId, {
      type: 'basic',
      iconUrl: iconUrl,
      title: '提醒事项',
      message: reminder.text,
      priority: 2,
      requireInteraction: true  
    }, (createdId) => {
      console.log('通知已创建，ID:', createdId);
    });
  } catch (error) {
    console.error('创建通知时出错:', error);
  }
}

// ...  ...

chrome.runtime.onInstalled.addListener(async () => {

  const permission = await checkNotificationPermission();
  console.log('安装后检查通知权限:', permission);
  
  createNotification({id: 'test', text: '测试通知 - 插件已安装'});
  
  // ...
});

function testNotification() {
  createNotification({id: 'test', text: '测试通知 - 服务工作线程已激活'});
}

chrome.runtime.onStartup.addListener(() => {
  testNotification();
});