夜雨聆风学习资料网

ARTICLE · 1244533

自制浏览器整页截图插件 BrowserShot,免费分享

自制浏览器整页截图插件 BrowserShot,免费分享

大家好,今天分享一个我最近自己捣鼓出来的浏览器插件:BrowserShot(截图工具)。

做这个工具的初衷就两点:一是兴趣,二是日常工作里的真实内需。平时浏览网页,经常要把页面内容留档:做笔记、写文档、给同事反馈问题、存资料。可网上常用的几种截图都有点不足之处,嫌麻烦。截图这种刚需,干脆自己做一个小而顺手的插件来解。

整个开发周期为两天,靠 AI 辅助快速搭起来的。很多重复的底层逻辑、滚动拼接算法、标注编辑、复制导出这些模块,都借助 AI 加速落地,再结合我自己实际截图的使用场景一点点打磨。坦白说,打磨时间比较短,功能还没做到尽善尽美,可能有些边角瑕疵,还请大家多多包涵。

简单说说它是什么:BrowserShot 是一款轻量浏览器截图扩展,点一下工具栏图标,就能按你的需要截取网页,截完还能在编辑器里标注,最后导出使用。

三种截图模式,日常需求全覆盖: 

✅ 整个页面:自动滚动页面并拼接成一张完整长图,超宽页面也能横向拼接。做长文笔记、存档网页内容特别省事。 

✅ 可见部分:只截取浏览器当前可视区域,快捷直接。 

✅ 选定区域:手动框选网页里指定范围,只截你想要的部分。

截图之后,内置编辑器支持标注、保存、复制、打印,随手圈重点、批注问题都很方便。而且插件很贴心:如果页面特别大,它会主动提示改用「可见部分」或「选定区域」,避免生成超大图片,考虑得挺周到。

我开发这些工具,不为赚钱,纯粹是兴趣加工作内需,做出来分享给大家,顺便涨点粉丝。如果你平时经常需要截图网页、留档资料,这个插件刚好能帮上忙,可以扫码进入详情页面自行下载。

工具刚出炉,肯定还有不少可优化的地方。大家使用过程中遇到 bug、觉得哪里不顺手,或者有想要的新功能,都可以随时找我反馈,我会持续迭代。

后面我还会继续做一些贴合开发日常的小工具,慢慢分享出来,希望能真正帮到有需要的朋友们。

相关学习资料