【免费下载链接】wishlistWishlist is a self-hosted wishlist application that you can share with your friends and family. You no longer have to wonder what to get your family for the holidays, simply check their wishlist and claim any available item!项目地址https://gitcode.com/gh_mirrors/wish/wishlist点击查看免费下载Wishlist 是一款可自托管的开源愿望清单应用self-hosted wishlist application本文带你实战它的Bookmarklet 书签工具把一小段脚本存进浏览器书签栏之后在任何电商商品页点击一下就能一键将该商品加入愿望清单自动抓取商品名称、图片和价格告别复制链接、手动填表的繁琐流程。为什么用书签工具管理愿望清单用 Wishlist 记录礼物心愿时最常见的痛点是录入太麻烦逛电商网站看到心仪商品得复制链接 → 回到清单站点 → 新建条目 → 粘贴 URL → 再补名称、图片、价格一来二去就劝退了。Wishlist 的 README.md 中专门介绍了Add items using a Bookmarklet书签收藏片段功能书签运行时会自动读取当前商品页地址打开 Wishlist 的添加商品表单并由后台自动从商品页抓取元数据。一次配置之后每次收藏商品只需要点一下。 书签本质上是把一段 JavaScript 脚本伪装成书签浏览器支持直接运行因此无需安装插件。使用前的准备开始之前请确认以下条件已满足准备项说明已部署 Wishlist 实例推荐用 Docker Compose 部署端口默认3280参考 docker-compose.yaml已登录并拥有列表书签需要携带你的登录态未登录会无法添加知道目标列表 ID打开列表页面即可从地址栏看到获取列表 ID2 步搞定登录 Wishlist进入你要添加商品的那个列表页浏览器地址栏中/lists/后面那串字符就是列表 ID例如/lists/abc123中的abc123。一键创建书签完整配置步骤第 1 步新建一个空书签Chrome / Edge鼠标悬停在浏览器顶部的书签栏上若未显示书签栏按Ctrl Shift B开启→ 右键 →添加页面名称随意比如➕ 加入愿望清单网址可以先随便填https://example.com。第 2 步粘贴脚本并替换 2 处参数编辑该书签把网址一栏整段替换为 README 中提供的书签脚本只需修改两处注释位置var url document.URL.endsWith(/) ? document.URL.slice(0, -1) : document.URL; var wishlist http://localhost:5173; // 你的 Wishlist 实例地址 var listId xyz; // 目标列表的 ID从列表页地址栏获取 var list /lists/ listId; var dest new URL(list /create-item, wishlist); dest.searchParams.append(redirectTo, list); dest.searchParams.append(productUrl, url); window.open(dest, _blank);wishlist改成你的实例地址如https://wishlist.example.comlistId改成上一步拿到的列表 ID。保存书签配置就完成了 ✅第 3 步在商品页点击书签见证一键入库现在打开任意电商网站的商品页点击书签栏里的加入愿望清单会在新标签页打开添加商品表单并自动完成自动填入商品链接——脚本读取document.URL当前页地址并传给表单后台自动抓取商品信息——页面加载时会请求/api/product接口对应 src/routes/api/product/server.ts用模拟桌面浏览器的爬虫打开商品页自动填充名称、图片、价格、币种——抓取规则从页面的 JSON-LD、Open Graph 标签以及 Amazon、REI 等站点的特定元素中提取元数据规则定义在 src/lib/server/shopping/index.ts你只需核对信息点击保存条目即进入列表src/routes/lists/[id]/create-item/page.server.ts 负责创建条目并跳转回列表页。整个过程通常只需几秒非常适合边逛边收的场景。常见问题排查点击书签没反应检查wishlist地址是否正确、是否漏掉端口另外请确保书签已显示在书签栏中只收藏不显示时部分浏览器无法直接点击。提示 Unable to find product information说明该商品页的元数据没被抓到表单会弹出提示此时手动补填名称即可——这属于预期行为不影响保存。书签打开的列表不对列表 ID 会随列表变化删除或重建列表后记得更新书签里的listId。添加时提示无权限添加商品到他人列表属于商品建议需要在管理面板开启 Suggestions建议功能并选择审批方式具体说明见 README.md 的 Suggestions 章节。进阶技巧与适用场景一个清单一个书签不同清单比如送给爸爸送给妈妈各建一个书签参数只改listId点哪个就进哪个清单批量整理购物车把购物车里的商品逐个点开、逐个点击书签几分钟就能整理出一份完整的心愿单配合建议功能反向送礼开启商品建议后家人也可以把想送的商品一键加入别人的清单省去互相询问假期礼物季刚需圣诞节、生日季前用书签把大家浏览过的商品快速沉淀到清单里避免重复送礼 。Wishlist 本身通过docker compose up -d即可在私有服务器或 NAS 上运行数据完全掌握在自己手中书签工具正是它轻量却好用的典型体现。赞分享【免费下载链接】wishlistWishlist is a self-hosted wishlist application that you can share with your friends and family. You no longer have to wonder what to get your family for the holidays, simply check their wishlist and claim any available item!项目地址https://gitcode.com/gh_mirrors/wish/wishlist点击查看免费下载相关推荐DigitalHippo愿望单收藏夹与购物清单功能完全指南DigitalHippo是一个现代化的全栈电子商务市场平台专注于数字产品销售。作为一个基于Next.js 14构建的完整市场解决方案DigitalHippo什么是Wishlist:一个让家人互相认领礼物的自托管愿望清单应用完整概览什么是Wishlist:一个让家人互相认领礼物的自托管愿望清单应用完整概览 Wishlist 是一个 自托管的礼物愿望清单应用 self hosted wisVant Demo电商页面实战从商品列表到购物车的完整实现指南Vant Demo电商页面实战从商品列表到购物车的完整实现指南 Vant Demo是一套基于Vant组件库开发的电商页面示例集合提供了从商品展示到购物车功能示例工程前端上一篇2.4B小模型究竟能做什么EXAONE-3.5-2.4B-Instruct_rai_1.8.0_medusa_1.0_npu中文与多语言能力实测报告下一篇Jev点击、Codex思考完整解读jev-browser-use——让AI Agent快5-10倍的浏览器自动化Skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
