如何在基于Chromium的内嵌浏览器中启用Notification模块？

1. 检查并启用Chromium命令行参数 #

大多数Chromium内嵌框架（如CEF、Electron）需要通过命令行参数显式启用Notification功能：

• 确保启动参数中没有--disable-notifications这类禁用开关
• 添加启用参数：--enable-notifications，部分场景可能还需要补充--enable-features=Notifications

以CEF为例，初始化时可配置参数：

CefSettings settings;
settings.command_line_args_disabled = false;
CefAddCommandLineSwitch("enable-notifications", "");

2. 配置内嵌框架的权限与偏好 #

不同框架的配置方式略有差异：

• Electron：创建BrowserWindow时，确保webPreferences中开启必要权限：

  const { BrowserWindow } = require('electron');
  const win = new BrowserWindow({
    webPreferences: {
      contextIsolation: true,
      permissions: ['notifications'],
      preload: path.join(__dirname, 'preload.js')
    }
  });
  

• CEF：在CefBrowserSettings中启用默认Chrome客户端配置，并确保权限回调允许通知请求：

  CefBrowserSettings browser_settings;
  browser_settings.default_chrome_client = true;
  

3. 注入Notification API Polyfill（无服务器权限时的兜底方案） #

如果无法通过框架配置启用原生API，可在页面加载前手动注入模拟的Notification类，避免页面代码报错：

// 在preload脚本或页面初始化前执行
if (!('Notification' in window)) {
  window.Notification = class Notification {
    constructor(title, options = {}) {
      this.title = title;
      this.options = options;
    }

    close() {}

    static requestPermission() {
      // 返回默认权限状态，可按需改为'granted'
      return Promise.resolve('denied');
    }
  };

  // 补充静态属性与常量
  Object.assign(window.Notification, {
    permission: 'denied',
    PermissionDenied: 'denied',
    PermissionGranted: 'granted',
    PermissionDefault: 'default'
  });
}

该polyfill能让页面的Notification相关代码正常执行，虽无原生通知功能，但可解决按钮点击失败的问题。

4. 排查框架版本与禁用配置 #

• 确认内嵌框架版本是否过旧，部分老版本Chromium可能默认不支持Notification API，建议升级到较新版本
• 检查框架全局禁用API的配置（如CEF的CefSettings中disable_web_security等权限限制项），确保Notification未被列入禁用列表

内容的提问来源于stack exchange，提问作者colopop