问题背景：
在日常浏览网页时，我们经常需要保存网页中的部分内容，或者将一整个网页保存为图片。常见的截图方式各有局限：
常规方法的不足：
- 系统自带截图（Prt Sc / Print Screen）：只能截取当前屏幕并复制到剪贴板，再粘贴到 Word 等软件中。缺点是容易把无关内容截进去，且无法截取屏幕范围之外的内容。
- 微信等客户端截图：可以灵活截取屏幕上的任意区域，但同样无法截到屏幕之外的内容。
- 安装专门的浏览器插件或截图软件：需要额外下载安装，占用资源。
解决方案：
直接使用 Chrome 谷歌浏览器自带的截图功能，无需安装任何插件，即可截取网页局部内容或整个网页长图。
一、电脑端：截取局部或整个网页长图
操作步骤：
- 用浏览器打开需要截图的网页；
- 进入调试模式：
- Windows 系统：按 F12
- 苹果 macOS 系统：按 Command + Option + I
- 打开命令窗口：
- Windows 系统：按 Ctrl + Shift + P
- 苹果 macOS 系统：按 Command + Shift + P
完成以上 1/2/3 步后的界面效果如附图1所示：附图1：按步骤 1/2/3 操作后的界面效果 - 根据需求执行截图命令（在命令窗口中输入以下命令，命令文字不能改动）：
- 4.1 截取局部区域：输入
Capture area screenshot，然后按住鼠标左键在网页上框选想要截图的区域； - 4.2 截取整个长网页：输入
Capture full size screenshot；
- 浏览器会自动截取网页内容并生成图片，自动保存到浏览器默认的下载路径，打开下载文件夹即可找到截图。
二、模拟手机环境：截取局部或整个网页长图
有时候网页在电脑端和手机端显示的内容不同（例如手机版布局更简洁），Chrome 还可以模拟手机环境进行截图。
操作步骤：
- 用浏览器打开需要截图的网页；
- 进入调试模式：
- Windows 系统：按 F12
- 苹果 macOS 系统：按 Command + Option + I
- 切换网页显示模式为手机模拟显示，操作方式参照附图2：附图2：切换为手机模拟显示模式的操作步骤
- 打开命令窗口：
- Windows 系统：按 Ctrl + Shift + P
- 苹果 macOS 系统：按 Command + Shift + P
- 在命令窗口中输入截图命令（与电脑端相同）：
- 截取局部区域：输入
Capture area screenshot，框选想要截图的区域； - 截取整个长网页：输入
Capture full size screenshot。
- 浏览器自动截取网页内容为图片，并保存到浏览器默认的下载路径。
