Chrome 全屏截图插件 Full Page Screen Capture：3 步装好，整页长文存成一张图-港品优选

Chrome 全屏截图插件 Full Page Screen Capture：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

保存一篇三屏长的网页，旧办法是先截当前这一屏，再手动往下滚、再截，最后自己拼起来，接缝还总对不齐。装上 Chrome 全屏截图插件 Full Page Screen Capture 之后，点一下工具栏的相机图标，它自动把整页内容截成一张长图，在新标签页打开，你只需要右键保存图片。

成片长这样：一张图装下整个网页

一句话：截完你拿到的是一张从页面顶部通到底部的完整长图，不用做任何后期。

点击触发后，插件弹出一个带进度条的小窗口，页面在后台被逐段截取。进度条走完，新标签页自动打开，里面就是从网页首屏一路铺到评论区末尾的整页长图，文字、配图、布局都原样保留。

图中是新标签页里打开的截图成品，整个网页从标题区到评论区完整收进一张长图

它顺手替你做掉的事：

⚡一键触发：点工具栏图标或按Alt+Shift+P就开始，滚动、截取、拼接全程不用动手
🧩超长自动拆分：页面超出 Chrome 单张图上限时，自动拆成多张分别打开，不会截到一半报错
🔁截完自动归位：结束后页面滚回你原来的阅读位置，接着看不断档
🔒本地完成：截取和拼接都在浏览器里本地完成，图片不经过任何服务器

快速上手：3 步装好，截出第一张

一句话：不会写代码也能装完，全程就是一条命令加几个点击。

把源码下载到电脑。在终端运行：

git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension

运行完你会得到full-page-screen-capture-chrome-extension文件夹，里面就是插件的全部源码。

打开开发者模式。在 Chrome 地址栏输入chrome://extensions/回车，打开页面右上角的“开发者模式”开关，为下一步的加载做准备。
加载插件。点击“加载已解压的扩展程序”，选中第 1 步下载的文件夹。加载成功后，工具栏出现一个蓝色相机图标，插件就绪。
开始第一次截图。打开一篇长文章，点相机图标（或按Alt+Shift+P）。此时弹出进度窗口，别移动鼠标、别切标签页，等进度条走完，成品长图就在新标签页里了。

图为截图进行中的弹窗，进度条在走，同时提醒拍摄时不要把鼠标移到页面上

适合谁用：3 类人最省事

一句话：只要遇到“只能看、不能存”的长网页，它都替你省掉翻屏幕的功夫。

学生党存资料：在线论文、实验报告、课程讲义经常没有下载按钮。整页截下来，图表和参考文献一个不落，离线复习不用反复刷新
设计师、开发者收参考：看到顺眼的网页布局和配色，把整页原样存成图，比收藏夹里几十个“稍后看”的链接直观，做方案时随时翻
职场人做归档：企业系统里的报表、审批记录很多不允许导出。整页截图是最直接的存档方式，日后追溯、汇报直接翻图

边界也要说清楚：移动端用不了，它面向桌面版 Chrome 及同内核浏览器（如 Edge、Brave）；另外浏览器商店这类受安全策略保护的页面无法注入脚本，在那类页面上会提示无法运行。

原理拆解：它是怎么把整页收进一张图的

一句话：思路很简单——先量尺寸，再分段截，最后按坐标拼回一张大图。

可以把它想成裁缝做一床超长被面：先量好尺寸、算出要裁几片布，再把布片按位置一片片缝齐，针脚对上了，成品就看不出接缝。插件做的是一模一样的事：

步骤	插件在做什么
量尺寸	测出网页的总宽度、总高度和当前可视区域大小，算出需要截几段
藏干扰	临时隐藏页面滚动条，避免它出现在截图里
逐段截取	按规划滚动到每个位置，等画面稳定后截一张，同时向弹窗汇报进度
按坐标拼接	把每张截图画到对应坐标的大画布上，不重叠也不留缝
收尾归位	把成品存成图片文件、在新标签页打开，再把页面滚回你的原始位置

项目一共就 5 个核心文件，分工很清晰：

文件	职责说明
`manifest.json`	扩展配置文件，声明 activeTab、storage 等权限，定义 Alt+Shift+P 快捷键
`page.js`	注入网页内部运行，负责测量页面尺寸、隐藏滚动条、滚动到每个截取位置
`api.js`	拼接与落盘，负责把截图按坐标画到画布、超长时拆分、存成 PNG 文件
`popup.js`	点击入口，负责发起截图、接收进度、在新标签页打开结果
`popup.html`	弹窗界面，展示进度条以及拆分、报错等提示

避坑手册：4 个容易踩的坑

一句话：坑基本都出在“拍摄过程中动了页面”，记住这几条就够。

拍摄时移动鼠标：进度窗口明确提醒不要碰页面，因为鼠标移上去可能改变页面状态、把浮层截进图里。解法：手离开鼠标，等进度条走完再动
页面有动效时截取：滚动过程中内容还在动，拼出来的图容易错位。解法：等页面加载完、动效停下来之后再截
超长页面出来好几张图：这是正常设计，页面超出 Chrome 单张图上限时会自动拆分。解法：多张图分别在新标签页打开，按需逐一另存
在浏览器商店等页面点图标没反应：这类页面受浏览器安全策略保护，脚本无法注入。解法：换一个普通 http/https 网页即可

两个问得最多的问题：

Q：截好的图到底存在哪？A：它在你浏览器新开的标签页里，文件名是screencapture-域名-时间戳.png。右键图片选“图片另存为”，就能存到你指定的位置。

Q：手机上的 Chrome 能装吗？A：不行。它只面向桌面版 Chrome 和同内核浏览器（如 Edge、Brave），移动端没有对应版本。

现在就可以动手：按上面的 3 步把插件加载进 Chrome，打开一篇你最想收藏的长文，按一次Alt+Shift+P，几秒后整页长图就在新标签页等你。保存时顺手另存到本地，截图只用于个人学习和研究，尊重原创内容。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析