1. 启用开发者工具中的截图功能:按下`Ctrl + Shift + I`(Windows/Linux)或`Command + Option + I`(Mac)打开开发者工具,也可右键点击页面选择“检查”或通过菜单进入。在开发者工具窗口右上角点击手机和平板图标切换到设备模式工具栏,点击相机图标即可对当前页面进行截图,可选择截取整个页面、特定区域或当前视口。
2. 使用快捷键调用截图命令:打开开发者工具后,按`Ctrl + Shift + P`(Windows)或`Command + Shift + P`(Mac)打开命令输入框,输入“Capture”会出现四组截图选项,包括捕获区域截图、捕获全尺寸截图、捕获节点截图和截取屏幕截图,选择相应选项后按回车键即可完成截图并自动保存至下载管理器。
3. 利用网址栏右侧的分享图标:在Chrome地址栏输入`chrome://flags`,搜索并启用“Desktop Screenshots”等实验性功能后重启浏览器。此时点击网址栏右侧的分享图标,选择“屏幕截图”,可圈选想要的画面,截取后点击“下载”即可保存。
4. 掌握不同截图模式的特点:区域截图允许用户自由选择屏幕上特定部分进行截图;全尺寸截图会自动捕捉整个网页内容生成长图,但需确保页面图片和内容已加载完毕;节点截图可通过右键检查元素后,在开发者工具中选择“Capture node screenshot”命令,精准截取网页中的某个节点,如图片、文字等;当前页面显示部分截图则仅截取当前可见区域的内容。