如何截取_Chrome谷歌浏览器如何截取整个网页长图?

本文详细介绍了如何使用Chrome浏览器自带的功能以及调试模式,来截取网页的局部内容或整个网页长图,包括在PC和模拟手机模式下的截图步骤。
摘要由CSDN通过智能技术生成

107ac6085d8e863607491fedd7b9d291.png

问题描述:
浏览网页有时需要截取当前网页局部内容或者将整个网页保存为图片;
常规方法:
1、系统自带的屏幕截图功能:(Prt Sc->Print Screen)截取整个屏幕到剪切板->去word粘贴即可;
缺点:可能包含不需要的内容;无法截取屏幕以外内容;
2、微信客户端截图功能:可以截取当前屏幕想要的任何区域。
缺点:无法截取屏幕以外的内容;
3、额外安装专门的浏览器插件或者专门的软件;

解决方案:
1、采用Chrome谷歌浏览器自带功能截取网页局部内容或者整个网页内容;2、安装专门浏览器插件(下一篇文章再续);

PC截取局部或整个网页长图-操作步骤:
1、浏览器打开需要截图的网页;
2、进入调试模式:
Windows系统:按F12
苹果IOS系统:按Command +Option +I
3、打开命令窗口:
windows系统:按ctrl+shift+p
苹果IOS系统:按Command+Shift +P
附图1为1/2/3步骤操作后的最终样图:

61b4c29124254a4d2309f4ed8239e986.png
附图1:按照1/2/3步骤操作后的最终样图


4.1、局部截图:命令窗口输入“Capture area screenshot ”,然后按住鼠标左键在网页上选择想要截图的区域;
4.2、整个长网页截图:命令窗口输入“Capture full size screenshot ”;
5、浏览器自动截取网页内容为图片 自动保存到浏览器默认的文件下载路径;

模拟手机截取局部或整个网页长图-操作步骤:
1、浏览器打开需要截图的网页;

2、进入调试模式:
Windows系统:按F12
苹果IOS系统:按Command +Option +I
3、切换当前网页显示模式为手机模拟显示,参照下面附图2操作步骤;
4、打开命令窗口:
windows系统:按ctrl+shift+p
苹果IOS系统:按Command+Shift +P

5、局部截图或者整个网页截图惨遭上面步骤4.1 4.2;操作步骤比起前面的PC网页截图 多了一个第3步 其他操作都一样

c9e4a5de2f7bc2bd7526c720d8261165.png
附图2:将网页切换为模拟手机显示

PC截取整个网页长图效果浏览:

c30259525919353f348abb0e078c6616.png
附图3:PC网页截图效果

模拟手机截取整个网页长图效果:

3770ec989081fcdba8d411892718d4a9.png
附图4:模拟手机网页截图
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值