Electron中如何检测用户是否正在访问指定网页并触发提醒？

需求可实现性 #

这个需求完全可以实现，根据你应用的具体使用场景，可以选择不同的实现方案：

如果你的应用本身是用BrowserWindow加载网页给用户浏览，直接用Electron原生的webContents事件就能实现检测，不需要额外依赖：

• 监听did-navigate事件即可捕获页面顶层跳转的完整URL，匹配到目标域名后触发提醒即可
• 如果需要覆盖页面内iframe的跳转行为，额外监听did-frame-navigate事件即可
• 主进程核心实现代码示例：

const { BrowserWindow, Notification } = require('electron')
const TARGET_DOMAIN = 'https://example.com'

function createMainWindow () {
  const win = new BrowserWindow({
    width: 1200,
    height: 800
  })

  // 监听顶层页面跳转
  win.webContents.on('did-navigate', (_, navigationUrl) => {
    if (navigationUrl.startsWith(TARGET_DOMAIN)) {
      // 触发自定义提醒，这里用系统通知为例，也可以弹模态框、修改窗口高亮状态
      new Notification({
        title: '访问提醒',
        body: '你当前正在访问example.com'
      }).show()
    }
  })

  win.loadURL('你的应用初始加载地址')
}

如果你的Electron应用是后台静默运行，需要检测用户在系统自带的Chrome、Edge等浏览器内的访问行为，可以选择两种实现路径：

• 路径一：将你的Electron应用设置为系统全局代理，所有浏览器的HTTP/HTTPS请求都会经过应用的代理服务，匹配到目标域名时触发提醒。该方案检测实时性高，但需要做好HTTPS证书配置，避免触发浏览器的安全拦截提示。
• 路径二：定时轮询各浏览器的本地历史记录数据库，不同浏览器的历史记录都存储在本地固定路径的SQLite文件中，按固定间隔读取最新的访问记录匹配目标域名即可。该方案不需要修改系统配置，但会有最多几十秒的检测延迟，且需要适配不同浏览器、不同操作系统的历史文件存储路径。

注意：如果采用第二种方案，在macOS下需要申请完全磁盘访问权限，Windows下部分浏览器的历史文件读取也可能需要管理员权限。

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