一键整页截图 Chrome 扩展：3 分钟把长网页存成一张完整长图
一键整页截图 Chrome 扩展：3 分钟把长网页存成一张完整长图
【免费下载链接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome项目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension
Full Page Screen Capture 是一个免费开源的 Chrome 扩展：点一下，它会自动滚动并把当前页面逐段拍下来，拼成一张完整的整页长图。适合需要存档网页、收集参考、保留页面原样的普通用户，全程不用手动滚动拼接，不需要会写代码。
30 秒上手
整个流程就是"下载、加载、开拍"三件事：
- 下载源码：在终端执行下面这条命令，会得到一个项目文件夹。
git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension加载到浏览器：地址栏输入
chrome://extensions/，打开右上角"开发者模式"，点"加载已解压的扩展程序"并选中上一步的文件夹。工具栏出现相机图标，即安装成功。拍第一张：打开任意想保存的网页，点相机图标（或直接按
Alt+Shift+P）。弹窗里出现进度条，走完就会自动在新标签页打开成品，右键"图片另存为"即可。
功能全解析
一键整页截图是怎么拍的
触发之后，扩展连续做四件事：隐藏滚动条 → 滚到指定位置拍一帧 → 把这帧按坐标贴到大画布上 → 全部拍完，存文件并打开。你只需要盯着进度条看，期间别动鼠标、别切标签页。
进度条走到 100% 即代表拼接完成，弹窗会保持打开直到成品出现。
超长网页自动拆分
Chrome 对单张图片有尺寸上限（主边约 30000 像素）。页面太长时，扩展不会直接失败，而是自动算出要拆几份，在弹窗里提示你，然后每份单独开一个标签页，文件名带-2、-3后缀，顺序一眼能分清。
成品命名与交付规则
成品文件名格式为screencapture-域名-时间戳.png，例如screencapture-example-com-1712345678901.png。文件先写入扩展的临时存储区，再在新标签页展示——所以即使你在隐身窗口里拍，结果也会以非隐身窗口打开，照样能保存。
一个容易被忽略的细节：拍摄结束后，页面会自动回到你原来滚动到的位置，并恢复滚动条状态，接着往下读完全不受影响。
谁最该用它
按"页面特征"而不是"你是谁"来分组，更准确：
- 不能导出的页面：企业系统、在线文档、各种只读视图没有下载按钮，整页截图是最直接的存档手段
- 太长截不完的页面：论坛长帖、年度报告、时间线页面，手动一屏屏截要折腾半天，成品还全是接缝
- 必须保留原样的页面：要保留布局、字体、配色做设计参考或问题取证，整页截图比收藏夹直观点得多
原理速览
想象一台文档扫描仪：扫描床只有 A4 那么大，扫一份长合同就得一页一页往里送，机器记下每一页的页码，最后按顺序拼回完整合同。这个扩展干的事一模一样——"视口"就是扫描床，而"记页码、拼顺序"这部分全由代码自动完成。
整个项目只有 5 个核心文件，分工如下：
| 文件 | 职责 |
|---|---|
manifest.json | 扩展声明：权限仅activeTab、storage、unlimitedStorage，默认快捷键Alt+Shift+P |
popup.html | 弹窗界面：进度条、拆分提示、错误提示 |
popup.js | 总调度：获取当前标签、生成文件名、接收回调并打开成品 |
api.js | 拼接引擎：接收各段截图、按坐标绘入画布、写出图片文件 |
page.js | 页面操控：测量页面总宽高、逐位滚动、拍完复原现场 |
进阶技巧
几个官方说明里没细讲、但很实用的点：
- 快捷键换成顺手组合：
chrome://extensions/底部有"键盘快捷键"入口，Alt+Shift+P可改成任意组合 - 等加载完再拍：滚动中才触发加载的动画、图片、懒加载内容会在成品里留白。先等页面完全加载，再按下截图
- 缩放与模拟设备不影响结果：代码会按
devicePixelRatio自动校准坐标，高分屏、页面缩放状态下拼接也不会错位 - 留意拆分阈值：主边超过 30000 像素、或总像素超过约 2.4 亿就会触发拆分，弹窗会明确报出份数
- 隐私成本几乎为零：
activeTab权限只在点击瞬间生效，扩展不常驻后台，拼接全部在浏览器本地完成，图片不会上传
常见问题
Q：某些页面点没反应，是哪里的问题？扩展只能注入普通http/https/file页面。浏览器内部页面（如chrome://开头、商店页面）受安全策略保护，脚本进不去。换一个普通网页即可。
Q：为什么一次拍出来是两张甚至更多图？这是自动拆分机制在工作，说明页面超出了单图尺寸上限。几份图可以按文件名顺序用图片工具再拼，也可以直接分段使用。
Q：成品能直接存到我指定的文件夹吗？不能。成品是临时存储后在新标签页展示的，需要手动右键保存。好在文件名带域名和时间戳，事后按名字批量识别很方便。
Q：如果哪天没人维护了还能用吗？代码是 MIT 协议开源的，核心逻辑就集中在上面那 5 个文件里，几百行就能读完。停更也不影响你直接接手改。
写在最后
一句话概括：它把"滚动、截图、拼接"三步手工活压缩成了一次点击。现在就去 clone 下来加载上，然后打开那个你一直没存下来的长页面，点一下试试。
最后提醒：截图方便，也请尊重内容版权，把图片用于个人学习、研究和正当用途。
【免费下载链接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome项目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考