谷歌浏览器对知乎、微博、微信公众号网页进行完整截图的方法

当我们需要对长网页进行完整截图,比如对知乎上的回答、微信公众号网页或者某条微博,使用谷歌浏览器(Google Chrome)时可以很便捷地做到。

1. 打开要截图的页面

如一篇新浪新闻微信公众号的文章网页

2. 打开谷歌浏览器的开发者工具

以下 3 种方法都可以打开开发者工具:

  • 在 Chrome 菜单中选择 更多工具 > 开发者工具
  • 在页面元素上右键点击,选择 “检查”
  • 使用 快捷键 Ctrl+Shift+I (Windows) 或 Cmd+Opt+I (Mac)
  • 使用 快捷键 F12 (Windows)

3. 切换谷歌浏览器的移动设备模式(Device Mode)

切换 Device Mode 按钮可以打开或关闭 Device Mode。当 Device Mode 打开时,该图标呈蓝色;当 Device Mode 打开时,该图标呈灰色。

device-mode-initial-view.png

还可以通过按 Command+Shift+M (Mac) 或 Ctrl+Shift+M(Windows、Linux)来切换 Device Mode。要使用此快捷键,鼠标焦点需要位于 开发者工具(DevTools) 窗口中。

4. 选择要模拟的移动设备分辨率

emulated-devices.PNG

我这里选择的是 “Pixel 2 XL”。

5. 进行截图操作

capture-full-size-screenshot.PNG

选择 “Capture full size screenshot” 进行整张网页截图。稍微等一下,谷歌浏览器会弹出文件保存对话框,选择适当的保存位置进行保存就行了。

下图是对第 1 步打开的微信公众号网页进行的完整截图(供参考):

mh370.png

发表评论

电子邮件地址不会被公开。 必填项已用*标注