怎么截取网页长图(电脑浏览器截取网页长图的小技巧)

 2024-05-10  阅读 763  评论 0

摘要:每当你在网页上看到喜欢的图片 好看的衣服 有趣的玩具大家都想截图保存下来收藏或者分享给好友吧,但有时候网页上一张图片太大需要滚动查看或者内容过多,没法将内容一次截取在同一张图片上那就需要多次截图然后在重新拼接起来了。这样就很麻烦哇。。。所以现在我就分享给大家一个实用的网页长图截取小技巧。其实我们可以
每当你在网页上看到喜欢的图片 好看的衣服 有趣的玩具大家都想截图保存下来收藏或者分享给好友吧,但有时候网页上一张图片太大需要滚动查看或者内容过多,没法将内容一次截取在同一张图片上那就需要多次截图然后在重新拼接起来了。这样就很麻烦哇。。。

所以现在我就分享给大家一个实用的网页长图截取小技巧。

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(1)

其实我们可以使用工具以及浏览器开发者工具来进行截取网页内容的长图

不过有些工具使用起来会比较繁琐,所以今天分享的方法是如何使用Chrome浏览器的开发者工具来进行网页内容长图的截取。

例如我们现在想要Youtube网站上的全部首页内容,如果是单纯的截图的话肯定是不能一次全部完整截取的。

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(2)

所以现在我们按下F12打开浏览器的开发者工具(进入开发者工具还可以在页面单击鼠标右键,然后找到检查以此进入开发者工具)

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(3)

接着我们使用组合键Ctrl shift P打开查找文件窗口

然后我们在工具栏输入:Capture full size screenshot

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(4)

其意为:抓取全尺寸屏幕截图

然后Chrome就会将整个页面抓取并提示下载后 就可以把这个页面截图保存到本地啦

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(5)

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(6)

当然如果你想跟普通截图一样只截取当前页面所显示的部分 也可以在工具栏内输入:Capture screenshot 就可以跟平常的截图一样了

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(7)

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(8)

Chrome的工具栏还有个好玩儿的小工具~比如当你想在电脑端模拟手机端的截图 在开发者工具的左上角有个小图标 点击此图标既可以进行设备的切换,当然 此图标也有快捷键Ctrl Shift M

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(9)

当你点击该图标以后,网页的显示排版就会从电脑版切换成手机版了

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(10)

切换为手机版以后页面顶部还会弹出一个设置栏可以让你自定义不同的尺寸也可以让你使用预设的设备尺寸来进行截图哦~选定好了以后回到开发者工具还是跟之前的步骤一样输入:Capture full size screenshot 就可以啦。

是不是很简单呢

如果大家还想知道更多的实用小技巧的话 可以关注一下哦 以便下次更新及时通知 W=

,

版权声明:xxxxxxxxx;

原文链接:http://cn.tdroid.net/ce5a2Cz0MAgkMUQ.html

发表评论:

管理员

  • 内容266929
  • 积分0
  • 金币0
关于我们
lecms主程序为免费提供使用,使用者不得将本系统应用于任何形式的非法用途,由此产生的一切法律风险,需由使用者自行承担,与本站和开发者无关。一旦使用lecms,表示您即承认您已阅读、理解并同意受此条款的约束,并遵守所有相应法律和法规。
联系方式
电话:
地址:广东省中山市
Email:
注册登录
注册帐号
登录帐号

Copyright © 2022 太卓开发网 Inc. 保留所有权利。 泰达科技网易库网

页面耗时0.1072秒, 内存占用1.33 MB, 访问数据库18次