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

其实我们可以使用工具以及浏览器开发者工具来进行截取网页内容的长图
不过有些工具使用起来会比较繁琐,所以今天分享的方法是如何使用Chrome浏览器的开发者工具来进行网页内容长图的截取。
例如我们现在想要Youtube网站上的全部首页内容,如果是单纯的截图的话肯定是不能一次全部完整截取的。

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

接着我们使用组合键Ctrl+shift+P打开查找文件窗口
然后我们在工具栏输入:Capture full size screenshot

其意为:抓取全尺寸屏幕截图
然后Chrome就会将整个页面抓取并提示*载下**后 就可以把这个页面截图保存到本地啦


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


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

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

切换为手机版以后页面顶部还会弹出一个设置栏可以让你自定义不同的尺寸也可以让你使用预设的设备尺寸来进行截图哦~选定好了以后回到开发者工具还是跟之前的步骤一样输入:Capture full size screenshot 就可以啦。
是不是很简单呢
如果大家还想知道更多的实用小技巧的话 可以关注一下哦 以便下次更新及时通知 W=