讲师中心 微信公众号

工具推荐

视频效率加速
Seko
Seko

AI短剧一键生成成片

updream

一键生成高质量推广成片

AniShort
AniShort

AI短剧协同制作平台

剧云
剧云

中文短剧剧本制作平台

谷歌浏览器怎么截图长图 Chrome浏览器自带滚动截图功能【技巧分享】

冬静大大_5316

冬静大大_5316

发布时间:2025-11-27 15:21:30

|

1749人浏览过

|

来源于php中文网

原创

可通过Chrome浏览器的开发者工具、菜单截图、打印为PDF或第三方扩展四种方法截取网页长图。1、使用F12打开开发者工具,按Ctrl+Shift+P输入“Capture full size screenshot”回车即可下载完整页面截图;2、点击右上角菜单→更多工具→截图→截取全页,图片将复制到剪贴板;3、通过Ctrl+P进入打印界面,选择“另存为PDF”并勾选“背景图形”,可保存含视觉元素的完整网页;4、在Chrome应用商店安装如GoFullPage等扩展程序,启用后可自动滚动拼接长截图,并支持标注、裁剪及多种格式保存。

谷歌浏览器怎么截图长图 chrome浏览器自带滚动截图功能【技巧分享】

如果您需要保存一个网页的完整视图,但其内容超出了当前屏幕的显示范围,则可以通过Chrome浏览器的特定功能来截取整个页面的长图。以下是实现此操作的多种方法:

本文运行环境:Dell XPS 13,Windows 11。

一、使用开发者工具命令菜单

该方法调用Chrome内置的调试命令,无需安装任何插件即可捕获整个网页,包括所有需要滚动才能查看的内容。

1、在谷歌浏览器中打开您想要截图的网页。

2、按下键盘上的 F12 键,或右键点击页面空白处并选择“检查”以打开开发者工具。

3、接着同时按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)组合键,呼出命令菜单。

4、在弹出的命令输入框中,输入 Capture full size screenshot,系统会自动匹配该选项。

5、选中该命令后按回车键,浏览器将自动渲染并下载整个页面的PNG格式截图文件。

二、通过浏览器菜单直接截图

对于较新版本的Chrome浏览器,可以直接通过菜单访问截图功能,操作路径更为直观。

1、打开目标网页,确保内容已完全加载。

2、点击浏览器右上角由三个圆点组成的主菜单按钮。

3、在下拉菜单中依次选择“更多工具” > “截图”。

4、此时屏幕会变暗并出现截图界面,您可以选择“截取全页”来捕获从顶部到底部的完整内容。

5、截图完成后,图片会被复制到剪贴板,您可以将其粘贴到任意文档中,或根据提示进行保存。

CDP浏览器大师
CDP浏览器大师

CDP浏览器大师:通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务,解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载

三、利用打印功能保存为PDF

当目标是完整保留网页信息时,可先将网页转换为PDF文档,这同样能记录全部滚动内容。

1、在已打开的网页上,按下键盘快捷键 Ctrl+P 进入打印预览界面。

2、在“打印机”选项中,选择“另存为 PDF”。

3、设置“页码”为“全部”,以确保整个页面被包含。

4、勾选“背景图形”选项,保证截图包含颜色和图片等视觉元素。

5、点击“保存”按钮,选择存储位置,生成的PDF文件即为完整的长图替代品。

四、安装第三方扩展程序

通过添加功能更丰富的扩展程序,可以获得额外的编辑和保存选项,提升截图体验。

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

2、在扩展程序管理页面,点击“打开 Chrome 应用商店”链接。

3、在商店搜索栏中输入如 Awesome Screenshot 或 GoFullPage 等关键词查找工具。

4、从搜索结果中选择一个高评分的扩展,点击“添加至Chrome”完成安装。

5、安装后,点击浏览器工具栏上的扩展图标启动功能。

6、在扩展提供的选项中选择“捕获整个页面”模式,它将自动滚动并拼接生成一张完整的长截图。

7、部分扩展支持对截图进行标注、裁剪,并允许保存为图片或PDF等多种格式。

相关文章

谷歌浏览器
谷歌浏览器

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

下载

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

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

相关专题

更多
chrome什么意思
chrome什么意思

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

2946

2023.08.11

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

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

6059

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4307

2026.03.24

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3439

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2978

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

1548

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2719

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3350

2023.08.08

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

40

2026.11.06

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习

Buffalo框架快速入门指南
Buffalo框架快速入门指南

共0课时 | 0人学习

Valgrind支持平台说明
Valgrind支持平台说明

共0课时 | 0人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn