网页长截图的正确方法

Python研究所

发布于 2022-06-17 00:18:06

2.3K0

文章被收录于专栏：大飞的部落阁大飞的部落阁

背景

在昨天，我准备将测试报告通过微信发送给同事，但是他没有权限查看链接内容。所以我准备将测试报告从网页截图发给他，此时我要用到网页长截图，但是又不想下载花里胡哨的工具，经过研究，谷歌浏览器自带页面长截图功能，现在就来分享给大家。

第一步

在你需要长截图的页面按 F12 打开开发者工具。

第二步

按 Ctrl+Shift+P，打开命令行窗口

输入：Capture full size screenshot 并回车

第三步

查看图片

你学废了吗？

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

微信

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

2044

Go 开发者必备：Protocol Buffers 入门指南

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

1079

60页PPT全解：DeepSeek系列论文技术要点整理

2009

谷歌浏览器无插件截取网页长图

screenshot shift size 开发者浏览器

我们在使用谷歌浏览器浏览页面的时候，有时候会想把网页截取下来，但是使用平常的截图工具只能截取一小部分，此处来告诉打下如何利用谷歌浏览器截长图。希望以下方法能帮助到大家！

空木白博客

2020/04/20

5860

谷歌浏览器Chrome截图&一键网页长图快捷键

area screenshot shift size 开发者

有时候我们需要对网页进行长截图，Chrome可以方便的利用开发者工具控制台工具完成，无需第三方工具。

AlexTao

2019/09/24

6.3K0

如何优雅的对网页截取长图

微信 https 文字识别网络安全

最近写文章想截个长图，才发现一直使用的QQ早有这个功能了，这里就整理几个pc上网页长截图的方案。

苏生不惑

2020/04/02

1.4K0

浏览器-如何利用 Chrome 浏览器实现滚动截屏

网站

作为前端工程师，有时需要将做到一半的网页发送给 PM 和 Designer 来获得他们的反馈。Mac 自带的截屏功能只能截取显示在屏幕上的内容，但是网页长度常常会超出屏幕高度，只依靠这个截图软件无法实现一次性的截取整个网页。

grain先森

2019/03/28

1.7K0

Chrome 原生截长图

capture screenshot shift size 浏览器

有时候有在网页上截长图的需求，有很多的浏览器扩展和第三方软件提供了这个功能，今天介绍下使用 Chrome 自带的功能，理论所有 Chrome 内核的浏览器都能使用。

caoayu

2021/03/16

27.6K0

利用 JS 脚本实现网页全自动秒杀抢购

java https jquery 网络安全

我们使用的是jQuery框架，jQuery 极大地简化了 JavaScript 编程。

全栈程序员站长

2022/06/28

4K0

【实用技巧】如何截取网页长图

腾讯云开发者社区

最近需要截取一个网页长图，搜了下发现 Chrome 浏览器实现起来比较简单，顺便记录分享下。

TTTEED

2020/07/09

1.6K0

chrome 开发者工具——前端实用功能总结

http 网站 css

例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作：

谭光志

2020/11/23

8010

分享电脑中截图的五种方法（包括截长图）

screenshot shift size

有些网页比较长，一屏装不下，需要拉动滚动条才行，这种网页我们想截图截取全部内容时就比较困难

海拥

2021/08/23

32.1K0

网页完整的长截图怎么截？3步搞定！

chrome mac screenshot shift size

在很多时候，我们是需要把网页截长图的，比如想下载某张大图，但是网站把右键锁了，这个时候，就可以利用截长图的方法，截下来这张图，在我们的macz网站上有很多截图软件，今天为大家介绍的是不借助软件就可以完整的截出网页的长截图，非常简单，来和小编一起学习一下吧。

用户10121095

2022/10/20

2K0

小技巧-Chrome长截屏

screenshot shift size 工具浏览器

一般截图工具仅能截道可视的部分： image.png 使用谷歌浏览器内置命令可以方便的对长网页进行截屏操作：按下 F12 键位 image.png 同时按下 Ctrl+Shift+P 键位 image.png 输入 Capture full size screenshot 点击命令项（注意命令前不能有空格） image.png 此时长截图已经下载好啦！ image.png

Spaceack

2020/11/04

2K0

SharpBrowser：用C#打造超快的个性化开源浏览器！

c#开源开发者浏览器搜索

SharpBrowser 是一个用 C# 和 CefSharp 开发的全功能网页浏览器。它声称是最快的开源 C# 网页浏览器，渲染网页的速度比谷歌浏览器还快，因为其使用轻量级的 CEF 渲染器。

郑子铭

2025/05/02

1300

【Mac】Chrome 浏览器长截图

windows

输入命令 Capture full size screenshot（只输前几个字母就能找到），敲下回车，Chrome 就会自动截取整个网页内容并保存至本地。

redszhao

2021/08/09

7.6K0

10个 Chrome 开发工具和技巧

css https github 网络安全 git

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

前端小智@大迁世界

2021/01/30

8770

Chrome的F12还能这样用？涨知识

ide bug shift 开发者

我们都知道，Chrome的F12 开发者工具有许多的功能，上可调试CSS，下可打断点找BUG。这些都是比较基本的使用方法。

学前端

2020/04/07

6400

谷歌浏览器截取完整屏幕的方式（有下拉滚动条）

screenshot shift size 浏览器调试

示例：https://blog.csdn.net/qq_39390545 （很长很长）

陈哈哈

2020/07/06

1.7K0

Chrome网页截图（电脑+手机）

网站 chrome edge shift 开发者

很多人电脑截图都是使用QQ截图，很明显，它没办法长截图电脑方法：打开chrome或者edge 打开你想长截图的网页按下F12进入开发者工具按下 ctrl+shift+p 出现如下界面：输入

meowrain

2021/04/22

2.5K0

DeepSeek实战：3分钟学会提取网页纯文本！(含提示词)

DeepSeek

| 原创作者/编辑：凯哥Java | 分类：人工智能学习系列教程

凯哥Java

2025/02/13

1K0

网页抓包之我的歌单

api 安全

最近见不少人博客都发了关于网页抓包的教程，然后也激起了我的兴(zhuang)趣(bi)，就诞生了这篇文章

阿珏

2018/08/02

6730

chrome浏览器必知必会的小技巧

windows

这篇文章主要介绍的就是一些chrome浏览器的小技巧，很简单，希望对大家有所帮助。这其中的一些小技巧在低版本中是没有的，所以建议大家用最新版的，目前最新版是62，版本很重要，如果发现有些技巧不起作用，请先查看浏览器的版本。

FEWY

2019/05/27

9490

网页长截图的正确方法

网页长截图的正确方法

背景

第一步

第二步

第三步

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐