RecipeFilter

所属分类:博客
开发工具:JavaScript
文件大小:67KB
下载次数:0
上传日期:2021-09-20 21:31:37
上 传 者sh-1993
说明:  Chrome扩展,将食谱放在前面并以食品博客为中心
(Chrome extension that focuses recipes front and center on food blogs)

文件列表:
LICENSE (35060, 2021-09-21)
img (0, 2021-09-21)
img\options.png (21681, 2021-09-21)
safari (0, 2021-09-21)
safari\recipe-filter (0, 2021-09-21)
safari\recipe-filter\recipe-filter Extension (0, 2021-09-21)
safari\recipe-filter\recipe-filter Extension\Info.plist (1120, 2021-09-21)
safari\recipe-filter\recipe-filter Extension\SafariWebExtensionHandler.swift (762, 2021-09-21)
safari\recipe-filter\recipe-filter Extension\recipe_filter_Extension.entitlements (322, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj (0, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj\project.pbxproj (21347, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj\project.xcworkspace (0, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj\project.xcworkspace\contents.xcworkspacedata (135, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj\project.xcworkspace\xcshareddata (0, 2021-09-21)
safari\recipe-filter\recipe-filter.xcodeproj\project.xcworkspace\xcshareddata\IDEWorkspaceChecks.plist (238, 2021-09-21)
safari\recipe-filter\recipe-filter (0, 2021-09-21)
safari\recipe-filter\recipe-filter\AppDelegate.swift (545, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets (0, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\AccentColor.colorset (0, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\AccentColor.colorset\Contents.json (123, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\AppIcon.appiconset (0, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\AppIcon.appiconset\Contents.json (938, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\AppIcon.appiconset\icon-128.png (20243, 2021-09-21)
safari\recipe-filter\recipe-filter\Assets.xcassets\Contents.json (63, 2021-09-21)
safari\recipe-filter\recipe-filter\Base.lproj (0, 2021-09-21)
safari\recipe-filter\recipe-filter\Base.lproj\Main.storyboard (12441, 2021-09-21)
safari\recipe-filter\recipe-filter\Info.plist (1064, 2021-09-21)
safari\recipe-filter\recipe-filter\ViewController.swift (1636, 2021-09-21)
safari\recipe-filter\recipe-filter\recipe_filter.entitlements (322, 2021-09-21)
src (0, 2021-09-21)
src\css (0, 2021-09-21)
src\css\recipe_filter.css (875, 2021-09-21)
src\html (0, 2021-09-21)
src\html\options.html (368, 2021-09-21)
src\img (0, 2021-09-21)
src\img\icon-128.png (20243, 2021-09-21)
src\js (0, 2021-09-21)
... ...

## RecipeFilter Chrome Extension [Quick video tutorial video here if you want to see it in action](https://www.youtube.com/watch?v=3Xq1p10f3v4). This Chrome browser extension helps cut through to the chase when browsing food blogs. It is born out of my frustration in having to scroll through a prolix life story before getting to the recipe card that I really want to check out. It works by identifying recipes in websites that conform to some common patterns. It brings a copy of the recipe card front-and-center and includes a button to dismiss it so you can see the full site. It works in concert with bookmarklets that can save to your favorite recipe manager (i.e. Paprika Recipe Manager 3). ### Installing Install it using the Google Web Store [here](https://chrome.google.com/webstore/detail/recipe-filter/ahlcdjbkdaegmljnnncfnhiioiadakae). ### Example Screenshot ![](https://i.imgur.com/qa8Fj6l.png) This site has several pages of text and images before getting to the recipe. With RecipeFilter, the actual recipe is shown at the top of the page when you load it. The contents and formatting are not changed; they are how the author intended. You can dismiss the modal and see the full original site. ### How it Works The extension quickly checks for the presence of a few common `div` classes and `itemtypes` that are used on recipe cards. If it finds a single recipe on the page, it displays it at the top in a cloned element with the rest of the page dimmed in the background. It preserves the formatting, images, and styling of the original recipe card as closely as possible; it doesn't try to "sanitize" or reformat the recipe. Buttons are added to the recipe card to control the extension. You can choose to close the popup or blacklist the site entirely so the extension will no longer try to call out recipes on the current domain. If you click on the extension icon in the toolbar and select "Options", you will be taken to a page that lets you manage your site blacklist.

### Developing & Contributing Fork this repo and load it as an unpacked extension. Push your changes and submit a pull request. I will quickly review and get back to you or accept! - Open chrome://extensions or click `Window > Extensions` in Chrome/Chromium. - Enable the developer mode at top right. - Click `Load unpacked extension...` and select the `src` folder that contains `manifest.json`. - It's installed and running! Load a long-winded recipe page to test it out ([example](https://www.gimmesomeoven.com/instant-pot-steamed-artichokes/)) - As you make changes, just hit "refresh" on the Extensions settings page to reload the plugin.

近期下载者

相关文件


收藏者