ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

一键整页截图 Chrome 扩展:3 分钟把长网页存成一张完整长图

一键整页截图 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-extensionFull Page Screen Capture 是一个免费开源的 Chrome 扩展点一下它会自动滚动并把当前页面逐段拍下来拼成一张完整的整页长图。适合需要存档网页、收集参考、保留页面原样的普通用户全程不用手动滚动拼接不需要会写代码。30 秒上手整个流程就是下载、加载、开拍三件事下载源码在终端执行下面这条命令会得到一个项目文件夹。git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension加载到浏览器地址栏输入chrome://extensions/打开右上角开发者模式点加载已解压的扩展程序并选中上一步的文件夹。工具栏出现相机图标即安装成功。拍第一张打开任意想保存的网页点相机图标或直接按AltShiftP。弹窗里出现进度条走完就会自动在新标签页打开成品右键图片另存为即可。功能全解析一键整页截图是怎么拍的触发之后扩展连续做四件事隐藏滚动条 → 滚到指定位置拍一帧 → 把这帧按坐标贴到大画布上 → 全部拍完存文件并打开。你只需要盯着进度条看期间别动鼠标、别切标签页。进度条走到 100% 即代表拼接完成弹窗会保持打开直到成品出现。超长网页自动拆分Chrome 对单张图片有尺寸上限主边约 30000 像素。页面太长时扩展不会直接失败而是自动算出要拆几份在弹窗里提示你然后每份单独开一个标签页文件名带-2、-3后缀顺序一眼能分清。成品命名与交付规则成品文件名格式为screencapture-域名-时间戳.png例如screencapture-example-com-1712345678901.png。文件先写入扩展的临时存储区再在新标签页展示——所以即使你在隐身窗口里拍结果也会以非隐身窗口打开照样能保存。一个容易被忽略的细节拍摄结束后页面会自动回到你原来滚动到的位置并恢复滚动条状态接着往下读完全不受影响。谁最该用它按页面特征而不是你是谁来分组更准确不能导出的页面企业系统、在线文档、各种只读视图没有下载按钮整页截图是最直接的存档手段太长截不完的页面论坛长帖、年度报告、时间线页面手动一屏屏截要折腾半天成品还全是接缝必须保留原样的页面要保留布局、字体、配色做设计参考或问题取证整页截图比收藏夹直观点得多原理速览想象一台文档扫描仪扫描床只有 A4 那么大扫一份长合同就得一页一页往里送机器记下每一页的页码最后按顺序拼回完整合同。这个扩展干的事一模一样——视口就是扫描床而记页码、拼顺序这部分全由代码自动完成。整个项目只有 5 个核心文件分工如下文件职责manifest.json扩展声明权限仅activeTab、storage、unlimitedStorage默认快捷键AltShiftPpopup.html弹窗界面进度条、拆分提示、错误提示popup.js总调度获取当前标签、生成文件名、接收回调并打开成品api.js拼接引擎接收各段截图、按坐标绘入画布、写出图片文件page.js页面操控测量页面总宽高、逐位滚动、拍完复原现场进阶技巧几个官方说明里没细讲、但很实用的点快捷键换成顺手组合chrome://extensions/底部有键盘快捷键入口AltShiftP可改成任意组合等加载完再拍滚动中才触发加载的动画、图片、懒加载内容会在成品里留白。先等页面完全加载再按下截图缩放与模拟设备不影响结果代码会按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),仅供参考
返回列表