司司司司司

Menu

如何不依靠工具在网页截取高清长图

今天分享的方法是如何使用Chrome浏览器的开发者工具来进行网页内容长图的截取。

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

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

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

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

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

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

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

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

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

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

— 于 共写了565个字
— 文内使用到的标签:

Leave a Reply

Your email address will not be published. Required fields are marked *