推荐一款神器：RecipeFilter Chrome 扩展

在浏览美食博客时，是否曾因繁琐的前言和配图而感到不耐烦，只想快速获取菜谱的关键信息？这时，你需要的是 RecipeFilter —— 一个专为简化美食网站浏览体验的 Chrome 浏览器扩展。

项目简介

RecipeFilter 解决了在浏览食谱时面临的困扰，它能快速识别并提取出页面中的菜谱卡片，将其前置显示，让你一目了然。不仅如此，这款扩展还支持与书签工具配合，一键保存至你喜欢的菜谱管理应用（如 Paprika Recipe Manager 3）。

技术解析

RecipeFilter 运行机制非常聪明。它通过检查常见 div 类别和 itemtype 标记，来找出页面上的菜谱信息。一旦找到单个菜谱，就会创建一个克隆元素，并将其置于页面顶部，背景渐变淡出，以提供更好的阅读体验。扩展保留了原始菜谱卡的格式、图片和样式，避免了重新排版可能带来的视觉干扰。

此外，扩展添加了控制按钮，可以关闭弹窗或直接将当前网站加入黑名单，避免在该域名下的页面再次触发菜谱提取功能。

应用场景

对于喜欢烹饪且经常在网上寻找新菜谱的朋友来说，RecipeFilter 是一大利器。无论你在哪个美食网站上浏览，只要页面中有菜谱，RecipeFilter 就能让它瞬间浮现在眼前，省去滑动屏幕寻找的时间。例如，在浏览类似 这个示例页面 的长篇幅菜谱时，你会体验到前所未有的便捷。

项目特点

• 快速高效：自动检测并提取菜谱，无需手动操作。
• 原汁原味：保持菜谱原有的样式和布局，忠实于作者的设计。
• 灵活控制：提供关闭和黑名单功能，自定义你的浏览体验。
• 易用设置：通过选项页轻松管理已屏蔽站点。
• 开放源码：开发者可以参与贡献，共同改进项目。

安装与开发

立即从 Google 网络商店 安装 RecipeFilter，或者选择 fork 本项目进行二次开发。只需将代码加载到浏览器作为未打包扩展，就可以开始测试和贡献了。

Markdown 演示：

chrome://extensions 或点击 Chrome/Chromium 中的 `Window > Extensions`
开启右上角的开发者模式
点击 `加载未打包扩展程序...` 并选择包含 `manifest.json` 文件的 `src` 文件夹
安装完成！访问任意长篇菜谱页面进行测试
修改代码后刷新浏览器扩展设置页面即可实时更新插件

让我们一起享受清爽无阻的食谱探索之旅，让 RecipeFilter 成为你的厨房好助手！