使用Chrome浏览器进行网页截图

于 2023-10-21 10:40:04 发布
阅读量117 收藏
点赞数
分类专栏： 杂项 文章标签： 网页截图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linbian1168/article/details/133958414
版权

在需要截图的网页上，按F12打开开发调试页面，再按下Shift+Ctrl+P，打开命令输入框，输入Capture，
在这里插入图片描述
此时会弹出4中截图模式，我个人比较喜欢用Capture full size screenshot

  • Capture area screenshot，区域截图
  • Capture full size screenshot，整个页面截图(可能还是无法实现整个页面的截图，最后面的部分可能会缺失)
  • Capture node screenshot，网页节点截图
  • Capture screenshot，当前页面显示部分截图
山音水月
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器网页截屏实用小技巧
weixin_44194857的博客
12-17 2590
浏览器自带的截屏太方便了！ 打开开发者工具，输入ctrl + shift + P快捷键，输入screenshot，出现了四个选项，分别是： 1.area screenshot - 区域截图 2.full size screenshot - 对浏览器所有内容截图，包含滚动条能滚动到的页面 3.node screenshot - 对页面中某个元素节点截图 4.screenshot - 对当前浏览器窗口试图截图
截取网页全屏的两种方法
CnnQ_的博客
02-09 5425
截取网页全屏的方式很多时候我们需要对网页的全部内容进行一个截屏，但像微信或者QQ的截图方式只能截取当前页面的内容，下面介绍几种比较简单的截取页面全部内容的方法。1.谷歌浏览器自带截图功能2.使用软件FSCapture 很多时候我们需要对网页的全部内容进行一个截屏，但像微信或者QQ的截图方式只能截取当前页面的内容，下面介绍几种比较简单的截取页面全部内容的方法。 1.谷歌浏览器自带截图功能 最新的谷歌浏览器已经具备截取网页全屏的功能，不过很少有人知道 首先我们打开自己想要截取全屏的页面（以CSDN主页为例）
Chrome浏览器
ALIN的博客
07-08 204
Chrome浏览器实现网页长截图 第一种： 按下F12，再如图： 第二种： 按下F12，再按下快捷键组合Ctrl+Shift +P(Windows) 、Command+Shift+P(Mac)，然后在命令行中输入"Screen"，选择以下选项 ◆整个网页：Capture full size screenshot ◆节点网页：Capture node screenshot ...
浏览器截图方法(长截图、node截图、指定区域截图)
原来是肖哈哈的博客
02-03 2万+
1.打开需要截屏的页面，按键盘上的F2（或者Ctrl+Shift+I）打开浏览器控制台 2.Ctrl+shift+P进入搜索框，输入“screen”: 这里有四种截图模式，点击需要的截图方式即可截取图片。
超级超级实用的整个网页截图技巧
互联网小队
06-29 534
【开发工具】如何使用浏览器截取整个网页 1、打开开发者工具：右键-检查 2、按下快捷键Shift+Crrl+P，打开 3、输入“> Capture full size screenshot”，然后回车，图片会出现在下载列表中。
解决win7中使用chrome浏览器打开网页字体模糊的问题
最新发布
06-10
解决win7中使用chrome浏览器打开网页字体模糊的问题
Chrome网页浏览器windows64位114版
04-30
Chrome是一款由Google公司开发的网页浏览器。该浏览器基于其他开源软件（如WebKit）撰写，目标是提升稳定性、速度和安全。Google Chrome 是一款快速、易用且安全的网络浏览器。此版 Chrome 是专为windows10 64位设计...
Google Chrome浏览器下载
04-18
• 强大扩展:Chrome浏览器支持各种web应用扩展,用户可以根据个人需要自由安装与卸载,比如广告拦截,网页翻译等功能。 • 跨平台支持: Chrome浏览器支持Windows、Mac、Android、iOS多个平台,PC端和移动端同步数据与...
chrome浏览器网页翻译失败解决办法
07-14
chrome浏览器网页翻译失败解决办法
Android 手机浏览器调试使用Chrome进行调试实例详解
08-31
主要介绍了Android 手机浏览器调试使用Chrome进行调试实例详解的相关资料,这里提供了实例，需要的朋友可以参考下
如何对整个网页截图
zscmj的专栏
06-24 2726
当网页的长度超过一屏时，如何才能对整个网页的内容截图呢？小一说两个网页截图的方法！1、使用傲游浏览器（Maxthon）如果你使用的是傲游浏览器，那你有福了，傲游浏览器可以直接对网页进行截图，包括网页区域截图、当前网页截图、所有网页截图、窗口截图、全屏截图。使用方法是：［工具］－［屏幕截图］。是不是很方便呢？ 2、使用Firefox（火狐浏览器）Firefox以其独特的魅力，
HTML 网页截图
彻底拆分，一切可控！
07-22 796
ECharts // 路径配置 require.config({ paths: { echarts: 'http
史上最详细浏览器端网页截图方案分析
玄魂工作室
04-14 3226
简介 剖析流行的截图插件 html2canvas 的实现方案，探索其功能上的一些不足之处及不能正确截取的一些场景，比如不支持 CSS 的 box-shadow 截取情况等。探索一种新的实现方式，能够避免多数目前 html2canvas 不支持的情况，解密其原理，深究 Canvas 绘图的机制。 本篇文章你可以学到： 纯前端网页截图的基本原理 html2canvas 的核心原理 SVG 内嵌 HT...
完全反截屏
flyingleo1981的专栏
07-26 1万+
把一些高手的语录总结一下：   控制所有截屏软件肯定是不可能的。但可以用相当小的代价来禁止尽可能多的截屏。 分析截屏软件的行为，可得出截屏基本有两种方式。 1. 通过剪贴板 2. 直接截取屏幕中的某一部分保存成图像文件 针对以上两种可做如下的防护： 1. 监控剪贴板变化 (SetClipboardViewer) ，发现剪贴板发生变化后，看剪贴板中是否有图片，如果有，清空它。 2
网页截图小技巧——利用浏览器自带功能即可（无需安装插件）
QuantumYou的博客
10-08 7260
文章目录网页截图步骤一：打开开发者工具步骤二：寻找文章主体页面步骤三：右键完成截取步骤四： 查看所截取的图片 网页截图 步骤一：打开开发者工具 按下F12 键选择需要截屏的网页 步骤二：寻找文章主体页面 首先点击下图红框选择的按钮 接着选择文章主体要截取的部分，然后出现黄框的页面元素 步骤三：右键完成截取 右键选择下图红框 capture node screenshot 即可完成截图。 步骤四： 查看所截取的图片 在下载即可查看所截取的图片，如下红框所示 大功告成！，如果有
dBm与电压值、功率值对照表
热门推荐
山音水月
09-30 2万+
兹录于此，以备查询。
驻波比
山音水月
09-30 1万+
文章目录概念速查表博文链接 整机做试验时，两天之内功放器件坏了两次，同事排查后判定是天线和功放之间的驻波较大引起。我在边上看着一脸懵逼，回来后要补补课。。。 概念 以下摘自度娘 驻波比（SWR）全称为电压驻波比（VSWR）。在无线电通信中，天线与馈线的阻抗不匹配或天线与发信机的阻抗不匹配，高频能量就会在天线产生反射波，反射波和入射波在天馈系统汇合产生驻波。为了表征和测量天馈系统中的驻波特性，也...
安卓手机chrome浏览器设置网页全屏展示
05-15
在安卓手机的Chrome浏览器中设置网页全屏展示非常简单，用户只需要按照以下步骤进行操作： 1. 打开Chrome浏览器，进入需要全屏展示的网页。 2. 点击右上角的三个点，选择“设置”。 3. 在“设置”页面中找到“网站...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值