PageWatch - 网页变更监控

监控任意网页内容变化，支持 CSS 选择器精准定位，变化时桌面通知并展示可视化差异对比

# PageWatch — 网页变更监控 监控任意网页内容变化，支持 CSS 选择器精准定位监控区域，内容变化时即时桌面通知并展示可视化差异对比。 ## 核心功能 - **一键监控** — 输入 URL 即可开始监控任意网页，或右键页面选择「监控此页面」 - **精准区域选择** — 可视化点选页面上任意区域，仅监控你关心的内容 - **智能检测** — 使用隐藏标签页完整渲染页面，完美支持 SPA（React/Vue）异步内容 - **差异高亮** — LCS 算法行级 + 词级双重差异对比，变化内容一目了然 - **变更历史** — 每次变化的完整快照和差异永久保存，可回溯任意时间点的变更 - **桌面通知** — 检测到变化时弹出系统通知，点击即可打开页面 - **冷却保护** — 智能通知防抖，避免频繁变化时反复打扰 - **定时检测** — 支持 1 分钟到 24 小时的检测间隔 - **隐私优先** — 所有数据本地存储，不上传任何内容到服务器 # 更新日志 ## v1.2.0 — 随机间隔 & 通知声音 ### 🆕 新功能 #### 1. 秒级检测间隔 - 新增「每 30 秒」固定间隔选项 - 检测精度从分钟级提升到秒级 - 实现方式：统一心跳调度（每分钟触发），按时间戳判断是否到期 #### 2. 随机间隔（30-90s 示例） - 勾选「☐ 随机间隔（秒级）」切换到随机模式 - 填写最小/最大秒数，每次检测后在此区间内随机决定下次检测时间 - 有效防止固定间隔被网站反爬机制识别 - 输入值自动校验（<5 → 兜底，倒置 → 交换，超 86400 → 截断） #### 3. 通知播放声音 - 设置区新增「🔊 通知声音」开关（默认关闭） - 检测到变化时播放双音提示（C5 → E5 大三度和弦，悦耳不刺耳） - 使用 Web Audio API 生成，无需额外音频文件 - 通过 `offscreen` 文档播放，符合 MV3 规范 #### 4. 设置持久化 - 随机间隔开关状态 - 最小/最大间隔值 - 通知冷却时间 - 声音开关 以上所有设置关闭 popup 后自动保存，下次打开保持上次状态。 ## 使用场景 - 监控竞品网站的功能/价格更新 - 追踪新闻/公告页面变化 - 关注文档或 API 参考的更新 - 监控抢票/抢购页面的状态变化 - 任何需要第一时间知道网页内容变化的场景 ## 技术说明 基于 Chrome Manifest V3 构建，使用 Service Worker 定时调度、隐藏标签页渲染技术完整获取页面内容（包括 JS 动态渲染的 SPA 页面），LCS 最长公共子序列算法实现智能差异检测。 ## 隐私 不收集、不传输任何数据。详见隐私政策。