「个人开源 chrome 插件」WebSnap 一款 网页截图、自动命名、截图管理的 Chrome 扩展

[luocjv]

前一段时间想整理下以前的所有书签回顾一下，但是整理的时候发现很多站点或者资源已经消失，甚至自己都想不起当初收藏是为了什么，所以想着开发这么一款网页快照的工具，欢迎大家尝试和反馈~

功能特点

• 📸 普通截图: 快速截取当前可见区域
• 📄 长截图: 智能截取完整页面内容，支持自动滚动拼接
• ✂️ 区域截图: 自由选择截图区域
• 📝 智能命名: 根据页面标题自动生成文件名
• 💾 自动保存: 图片自动保存到下载目录的 webSnap 文件夹
• 📚 历史记录: 完整的截图历史管理，支持搜索和导出
• ⌨️ 快捷键支持: 支持键盘快捷键快速截图
• 🌙 主题切换: 支持日间/夜间模式切换

开源地址: https://github.com/luocjv587/webSnap

插件地址: https://chromewebstore.google.com/detail/websnap/lekllokjgmdnidpkhmfbbhoiagkpilfp

整个插件都是用 Trae 沟通生成的，没有改动一行代码（ readme 改了一下）

目前已知问题

1. 长截图有些网页截图不理想，反复修改无果（像 ChatGPT 之类的，对话框和 title 都会在，不美观）
2. 长截图会生成两条截图记录（插件市场需要 1 天的审核时间 1.1 ，未修复 1.2 已修复，如果自己下载加载插件 问题已修复）

Q: 点击图片查看不了或历史记录中图片无法显示？

A: 需要在插件管理页面为 WebSnap 开启文件访问权限：

1. 打开 chrome://extensions/
2. 找到 WebSnap 扩展
3. 点击"详细信息"
4. 开启"允许访问文件网址"选项
5. 刷新历史记录页面即可正常查看图片

[Chicagoake]

简单体验了一下，截图速度上比之前用的扩展好很多，装了 V2EX polish 的网页长截图内容会错乱

[luocjv]

@Chicagoake 感谢体验 我后续看下怎么优化

[luocjv]

记录一下最近的更新 WebSnap 1.3
github 可以拉取最新代码，欢迎大家体验

1. 历史记录页面增加时间轴展现形式
2. 增加图片缩略图（由于 chrome 的安全限制，插件不允许引用 file 文件进行展示，故截图后生成缩略图以 base64 的形式存在 Extension storage ，图片不会很大，单图 2-3kb ，点击后还是会跳到本地 file 进行图片查看）
3. 优化了一下长截图功能（会把页面的一些固定元素去掉后进行截图，优化观感）

升级请注意导出数据，防止数据丢失

未来开发计划
1. 增加 gif 的录制
2. 数据与 notion 进行打通，允许单向同步至 notion ，需要用户填写自己的 apikey
3. 增加 ocr 提取文字

[luocjv]

记录一下最近的更新 WebSnap 1.4
github 可以拉取最新代码，欢迎大家体验

1. 增加 notion 配置页面，增加 notion 同步功能（由于 notion 限制文件大小 5MB ，大于 5MB 的图片会用压缩算法压缩至 5MB ）

开源地址: https://github.com/luocjv587/webSnap

插件地址: https://chromewebstore.google.com/detail/websnap/lekllokjgmdnidpkhmfbbhoiagkpilfp

升级请注意导出数据，防止数据丢失