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

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

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

怎么截取网页长图(电脑浏览器截取网页长图的小技巧)(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=

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页