如何让浏览器扩展记住用户按钮操作并持续执行过滤功能？

一、实现过滤状态持久化与自动生效 #

• 用浏览器扩展的storage.local存储用户的过滤启用状态：针对每个目标网站（比如论坛域名），把“是否启用Omit过滤”的状态存在本地存储里，键名可以设成filter_active_${当前域名}。
• 内容脚本启动时自动读取状态：每次页面加载（包括刷新、新标签打开），内容脚本先从storage.local读取当前域名的过滤状态，如果是开启状态，立刻执行一次全页面过滤，同时启动MutationObserver监听DOM动态变化，新内容加载时自动过滤新增节点里的不当词汇。
• 点击Omit按钮时更新存储状态：点击按钮时除了执行过滤，还要把对应域名的启用状态设为true存入storage.local；如果需要关闭功能，可以再加个Toggle按钮，把状态设为false并恢复页面内容。

二、关联实时更新的词汇列表 #

• 主动拉取方案：在扩展的后台脚本里，定时（比如每30分钟）或者在触发特定事件（如用户点击Find按钮、页面初始化）时，用fetch调用Web应用的API接口获取最新词汇列表，然后把列表存入storage.local。内容脚本从存储里读取词汇进行过滤，同时监听storage.onChanged事件，一旦词汇列表更新，立刻重新过滤页面。
• 实时推送方案（可选）：如果需要Web应用有更新时立刻同步到扩展，让后台脚本通过WebSocket或SSE和Web应用建立长连接，收到词汇更新通知后，直接更新storage.local里的列表，再触发内容脚本的重新过滤。
• 关于Messaging API：如果是扩展内部（后台脚本和内容脚本）通信传递词汇，用chrome.runtime.sendMessage或chrome.runtime.connect是合适的；但直接和外部Web应用通信的话，fetch或WebSocket更直接，不需要绕Messaging API。

额外优化点 #

• 过滤逻辑只处理新增DOM节点：用MutationObserver时，只对新增的文本节点进行检查替换，避免全页面重复扫描，提升性能。
• 支持多域名独立配置：存储状态按域名区分，用户可以针对不同论坛设置不同的过滤开关。

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