做了个 Chrome 截图插件，自动给网页截图加上浏览器边框和渐变背景

发布于 2026-07-29 09:22:31

## Framely

一个 Chrome 插件，截当前网页，自动套一层浏览器窗口边框 + 渐变背景，直接复制到剪贴板或存成 PNG 。适合发产品截图、写文章配图。

- 官网：[https://framelyapp.com/](https://framelyapp.com/)
- Chrome 商店：[https://chromewebstore.google.com/detail/framely-stylish-browser-f/hgmdobenglfkhkibfipobpplnmbobnbi](https://chromewebstore.google.com/detail/framely-stylish-browser-f/hgmdobenglfkhkibfipobpplnmbobnbi)
- 源码：[https://github.com/flanker/framely](https://github.com/flanker/framely)

### 特点
- 免费、无账号、无内购
- 截图全程在本地处理，不联网、不上传任何图片
- 开源

![image1](http://pic.zhso.org/2026/07/29/8772dcb0e19b.png)

![image2](http://pic.zhso.org/2026/07/29/bf731bc3b3c0.png)

## 为什么又做一个截图工具

我是做 Web 开发的，平时自己也折腾一些网站和小工具，经常要截图发到网上或者发给朋友。

需求很简单：网页所见即所得地截下来，但光秃秃一张不好看，加个浏览器边框和背景会好很多。

这类 Chrome 插件以前是有的，但扩展 Manifest 升到 V3 之后，不少作者没跟进就废了。所以自己写一个，纯前端、没有服务端。（项目其实启动很早了，刚开始还是手工写的，后面也换成 vibe coding 了）

## 相比另外两种做法：
- 直接截网页 ==> 一张裸图，发出去不太好看
- 用桌面截图工具截浏览器 ==> 会把个人头像、插件图标等信息一起截进去，容易泄露个人信息

## 现在能做的
- 点插件图标即可截图，一键复制到剪贴板 / 下载
- 8 种渐变色背景

欢迎大家试用 😀😀😀

---

原文链接：[点击查看](https://www.v2ex.com/t/1230582)

试用了一下感觉还不错，提个小建议：希望能开放自定义边框圆角的大小。另外我在 macOS 上一直觉得系统自带的截图工具效果就挺好。

2026-07-29 09:30:37 · 0 个赞

感谢反馈！自定义圆角这个提议非常不错，我看了一下目前截图边缘确实有点白边没处理好，下版我一并修掉。至于系统自带截图，你指的效果好是画面更清晰吗？我平时在桌面端习惯用 CleanShot X，但它最大的痛点就是会把浏览器的头像、插件图标甚至书签栏全截进去，既影响美观又容易泄露隐私，这也是我做这个插件的主要原因。

2026-07-29 10:07:57 · 0 个赞

楼主，请教一下你的官网是用 GitHub Pages 搭的吗？绑了自定义域名目前国内居然能直连。

2026-07-29 10:11:46 · 0 个赞

要是能支持长截图就更完美了，期待后续更新。

2026-07-29 10:18:58 · 0 个赞

做了个 Chrome 截图插件，自动给网页截图加上浏览器边框和渐变背景

评论（4）