大家好,我是 Immerse,一名独立开发者、内容创作者、AGI 实践者。
关注公众号:沉浸式趣谈,获取最新文章(更多内容只在公众号更新)
个人网站:https://yaolifeng.com 也同步更新。
转载请在文章开头注明出处和版权信息。
我会在这里分享关于编程、独立开发、AI干货、开源、个人思考等内容。
如果本文对您有所帮助,欢迎动动小手指一键三连(点赞、评论、转发),给我一些支持和鼓励,谢谢!
女朋友一句话催生的 Chrome 插件,解决批量下载图片问题
周末在家,女朋友工作需要下载网站上的一些图片,她说太麻烦了。
右键、选择保存图片、选文件夹、改名字,一张图就得折腾好几步。
要是网页里有二三十张图,这得点多少次鼠标。
下载地址:
GitHub:https://github.com/yaolifeng0629/PickPic
谷歌浏览器商店:https://chromewebstore.google.com/detail/pickpic-one-click-downloa/hfdohacifjijbgobekodafjpjghflemh
压缩包:https://github.com/yaolifeng0629/PickPic/releases/tag/v1.0.2
一个很简单的需求
需求其实很明确。
在网页上看到喜欢的图片,想批量保存到本地。
听起来很简单对吧?但我搜了一圈,发现现有的工具都不太满意。
有些插件功能倒是有,但要么太复杂,要么广告一堆,要么就是只支持特定网站。
我想要的很简单:打开网页,一键预览,选择下载,完事。
所以决定自己做一个。
这个插件能干啥
核心功能就几个。
点击浏览器图标,侧边栏会显示当前网页的所有图片和视频。
可以预览,双击图片会在新标签页打开,看得更清楚。
想下载哪张就勾选哪张,也可以全选。
单张图直接下载,多张图自动打包成 ZIP 文件。
对微信公众号做了特殊优化。能看到文章标题、作者、描述这些信息。
支持中英文切换。
就这些,没有复杂的设置,打开就能用。
开发过程还挺顺
技术栈用的是 Plasmo 框架,这玩意专门做浏览器插件的。
配合 React、TypeScript、Tailwind CSS,开发体验很不错。
状态管理用 Zustand,轻量好用。
图片打包用 JSZip,生成 ZIP 文件很快。
支持的网站挺多
除了微信公众号,其他网站也都能用。
我测试了掘金、知乎、InfoQ、简书、CSDN、博客园这些技术社区,都没问题。
理论上任何网页都能用,因为我做的是通用提取逻辑。只要是 img 标签或者 video 标签,都能识别出来。(暂时没有处理防爬逻辑)
对微信公众号做了额外优化,因为自己平时也会用到,所以多花了点心思。
其他网站暂时没做特殊处理,但基本功能都是正常的。
为啥又是一个工具
做这个插件的时候,我想起之前看 Marc Lou 的分享。
他说最好的产品,往往是解决自己问题的产品。
因为你就是第一个用户,最清楚哪里好用哪里不好用。
不需要做市场调研,不需要猜用户想要什么。
你自己用着舒服,产品就不会太差。
做的过程中没想过能不能赚钱,会不会有很多人用。
就是单纯想解决这个痒处。
接下来想加点啥
目前功能还比较基础,后面想加一些新东西。
比如批量重命名,按文章标题、日期、序号这些规则自动命名文件。
在考虑支持更多格式,不光是图片和视频,PDF、音频这些也能提取。
不过这些都是想法,会不会做、什么时候做,还没确定。
先把目前的问题解决了再说。
如何使用
GitHub:https://github.com/yaolifeng0629/PickPic
谷歌浏览器商店:https://chromewebstore.google.com/detail/pickpic-one-click-downloa/hfdohacifjijbgobekodafjpjghflemh
压缩包:https://github.com/yaolifeng0629/PickPic/releases/tag/v1.0.2
欢迎提 Issue 和 PR,有想法可以一起讨论。
也欢迎 Star 支持一下。
项目还在早期阶段,肯定有不完善的地方。
但我会持续维护,遇到问题会尽快修复。
开发过程开源
对了,这个项目从 Plan 到 Task 再到 Implement,每个阶段我都开源出来了。
包括最初的想法、任务拆解、具体实现,甚至原型设计都在 GitHub 仓库里。
想看完整开发过程的小伙伴,可以去仓库翻一翻。
说不定能给你自己做项目提供点思路。
顺便点个 Star 支持一下,感谢!
一点小感悟
做这个插件让我想明白一件事。
不是所有项目都要追求商业化,不是所有产品都要想着赚钱。
有时候就是想解决一个小问题,让自己的生活方便一点。
这个过程本身就很有意思。
而且你真心解决了自己的问题,产品自然会有温度。
别人用起来也能感受到这种真实。
Marc Lou 说好奇心才是创业的起点,我觉得说得特别对。
先把痒处挠了,至于能不能变成生意,那是后面的事。
项目地址:https://github.com/yaolifeng0629/PickPic
欢迎试用,欢迎反馈。