0

0

谷歌浏览器怎么截取长图_Chrome长截图插件教程【干货】

裘德小鎮的故事

裘德小鎮的故事

发布时间:2026-03-07 04:33:21

|

725人浏览过

|

来源于php中文网

原创

可借助chrome扩展实现网页长截图:一、gofullpage一键生成高保真png;二、awesome screenshot支持标注编辑;三、fireshot可导出pdf并隐私保护;四、五为离线安装方案,适配无网环境。

谷歌浏览器怎么截取长图_chrome长截图插件教程【干货】

如果您需要保存网页全部内容为一张连续图像,但当前页面超出可视区域,则可借助Chrome浏览器的扩展程序实现自动滚动与无缝拼接。以下是多种稳定可用的长截图插件安装与使用方法:

一、安装GoFullPage插件进行一键长截图

GoFullPage是一款轻量级、无广告、专为Chrome设计的整页截图扩展,支持自动滚动与无缝拼接,生成高保真PNG长图。

1、点击浏览器右上角三个圆点图标,选择“扩展程序” > “管理扩展程序”。

2、在页面右上角点击“打开Chrome应用商店”链接,进入Web Store首页。

3、在搜索栏输入GoFullPage,确认开发者为“Pavel Dmytryk”,并查看用户评分为4.7以上。

4、点击“添加至Chrome”按钮,在弹出的权限提示中点击“添加扩展程序”。

5、安装完成后,刷新目标网页,点击地址栏右侧出现的GoFullPage图标(绿色G)。

6、在弹出菜单中选择Capture full page,插件将自动滚动页面并合成完整长图。

7、截图完成后,点击右下角Download PNG按钮,文件将保存至默认下载目录。

二、使用Awesome Screenshot & Screen Recorder插件截取带标注的长图

该插件不仅支持滚动截图,还提供即时编辑功能,如箭头标注、文字高亮、马赛克遮挡等,适合需二次加工的场景。

1、在Chrome应用商店中搜索Awesome Screenshot & Screen Recorder,确认发布者为“DiigoInc.”。

2、点击“添加至Chrome”,允许其访问在所有网站上读取和更改数据的权限。

3、打开待截图网页,点击工具栏中的插件图标(蓝色摄像机图标)。

4、在下拉菜单中选择Capture Entire Page选项。

5、等待插件自动滚动并加载全部内容,进度条显示100%后进入编辑界面。

6、使用左侧工具栏添加矩形框、箭头、文字注释或模糊处理,完成后点击右上角Save按钮。

7、选择保存为PNG或PDF格式,并指定本地路径。

三、通过FireShot插件实现分段控制与PDF导出

FireShot提供高级截图控制能力,支持按区域截取、滚动截取、整页截取三种模式,并可直接导出为PDF或上传至云端。

1、在Chrome网上应用店搜索FireShot - Screen Capture,确保版本号为最新(v0.6.21或更高)。

设计师AI工具箱
设计师AI工具箱

最懂设计师的效率提升平台,实现高效设计出图和智能改图,室内设计,毛坯渲染,旧房改造 ,软装设计

下载

2、点击“添加至Chrome”,安装完毕后重启浏览器以激活插件。

3、访问目标网页,点击地址栏右侧FireShot图标(红色靶心)。

4、在弹出菜单中选择Capture Entire Page

5、截图完成后,点击编辑界面右上角Save As PDFSave As PNG按钮。

6、若需隐私保护,可勾选Save locally only (no cloud upload)选项。

四、手动加载离线版Full Page Screen Capture插件

适用于无法访问Chrome应用商店的环境,通过本地源码加载方式部署,全程不依赖网络请求,保障操作可控性与数据本地化。

1、使用Git命令下载插件源码:git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension

2、在Chrome地址栏输入chrome://extensions/进入扩展程序管理页面。

3、启用右上角的开发者模式开关。

4、点击加载已解压的扩展程序按钮,选择解压后的项目文件夹(需包含manifest.json)。

5、安装成功后,工具栏将显示蓝色相机图标;访问任意网页,点击该图标即可启动滚动截图。

6、截图过程中请勿移动鼠标或切换标签页,否则可能导致部分区域空白或重复渲染

五、使用FireShot离线安装包完成无网部署

当设备完全断网或企业内网策略禁止访问外部商店时,可通过预下载的压缩包完成安装,避免权限与网络策略限制。

1、从可信来源获取FireShot离线安装包(如百度网盘分享链接),解压至本地固定路径(例如桌面FireShot文件夹)。

2、在Chrome中打开chrome://extensions/,开启开发者模式。

3、点击加载已解压的扩展程序,选择解压后的FireShot文件夹。

4、检查右上角是否出现红色靶心图标;若未显示,点击拼图图标展开隐藏扩展并拖拽固定。

5、打开目标网页,点击图标后选择Capture Entire Page,插件将立即开始捕获。

6、截图结果默认保存至下载文件夹,文件名含时间戳,便于区分多次截图。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

453

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

331

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

1036

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

826

2023.11.06

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

958

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

578

2023.07.06

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

1

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何进行WebSocket调试
如何进行WebSocket调试

共1课时 | 0.1万人学习

TypeScript全面解读课程
TypeScript全面解读课程

共26课时 | 5.1万人学习

前端工程化(ES6模块化和webpack打包)
前端工程化(ES6模块化和webpack打包)

共24课时 | 5.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号