如何配置Chromium桌面通知实现网站消息提醒？

阿华AIGC实验室

2026-5-27

关于Chromium桌面通知实现的全指南

嘿，我来帮你理清用Chromium桌面通知推送论坛新内容、私信的实现思路，你找到的那段代码其实是个很棒的起点，咱们一步步拆解你的问题：

一、基础通知功能：优化你找到的代码

你贴的这段请求权限和发送通知的代码是标准的Web Notification API用法，完全可以作为基础。不过咱们可以优化得更健壮一点，比如处理用户拒绝权限的情况，避免重复请求：

document.addEventListener('DOMContentLoaded', function () {
  // 先检查浏览器支持情况
  if (!('Notification' in window)) {
    alert('桌面通知在你的浏览器中不可用，请换用Chromium内核浏览器试试');
    return;
  }

  // 统一处理权限逻辑
  const handleNotificationPermission = () => {
    switch(Notification.permission) {
      case 'denied':
        alert('你已经拒绝了通知权限，无法接收消息推送哦');
        break;
      case 'default':
        Notification.requestPermission().then(permission => {
          if (permission === 'granted') {
            console.log('搞定！通知权限已经获取');
          }
        });
        break;
      case 'granted':
        console.log('已经拥有通知权限啦');
        break;
    }
  };

  handleNotificationPermission();
});

// 封装通用的发送通知函数
function sendForumNotification(title, options) {
  if (Notification.permission !== 'granted') {
    // 如果还没权限，先请求再发送
    Notification.requestPermission().then(permission => {
      if (permission === 'granted') {
        new Notification(title, options);
      }
    });
  } else {
    const notification = new Notification(title, options);
    // 点击通知跳转到对应内容页
    notification.onclick = () => {
      window.focus();
      // 这里替换成你的论坛新内容/私信页面地址
      window.location.href = '/new-content';
    };
  }
}

二、推送论坛新内容/私信的两种方案

1. 你原本想的Ajax轮询方案

这个思路完全可行！每30秒用Ajax请求PHP脚本检查新内容，是个简单易实现的方案，不过要注意几个细节：

控制轮询频率：30秒是合理的，别太频繁，不然服务器压力大
优化PHP接口：只返回有没有新内容、内容摘要这类精简数据（比如JSON格式），别返回一堆HTML
加入智能暂停：用户切换到其他标签页时暂停轮询，节省资源

给你个示例代码（原生JS，用jQuery的话换成$.ajax就行）：

let pollingTimer;

// 启动轮询
function startContentPolling() {
  pollingTimer = setInterval(() => {
    // 请求你的PHP检查脚本
    fetch('/check-new-updates.php')
      .then(response => response.json())
      .then(data => {
        if (data.hasNewMessages) {
          // 调用之前封装的通知函数
          sendForumNotification('新消息提醒', {
            icon: '/your-forum-icon.png',
            body: `你有${data.newMessageCount}条新私信，论坛新增${data.newPostCount}条帖子`
          });
        }
      })
      .catch(error => console.error('轮询出错啦:', error));
  }, 30000); // 30秒一次
}

// 页面可见时启动轮询，隐藏时暂停
document.addEventListener('visibilitychange', () => {
  if (document.visibilityState === 'visible') {
    startContentPolling();
  } else {
    clearInterval(pollingTimer);
  }
});

// 页面加载完成后自动启动轮询
document.addEventListener('DOMContentLoaded', startContentPolling);