如何使用Google浏览器实现网页快速截图和录屏
文章来源:开启好用的手机Chrome安装包 - 手机浏览器小站官网
时间:2026-07-19

1. 打开Google浏览器。
2. 访问您想要截图或录屏的网页。
3. 在浏览器右上角,找到并点击“更多工具”按钮(通常是一个齿轮形状的图标)。
4. 在下拉菜单中,选择“开发者工具”(DevTools)。这将打开一个名为“开发者工具”的新窗口。
5. 在“开发者工具”窗口中,点击顶部菜单栏的“控制台”(Console)选项卡。
6. 在“控制台”窗口中,输入以下代码之一来执行截图或录屏操作:
- 如果您想截图整个屏幕,可以使用以下代码:
javascript
document.body.screenshot({ type: 'png', path: 'screenshot.png' });
- 如果您想截取特定区域的屏幕,可以使用以下代码:
javascript
let screen = document.body.screenshot({ type: 'png', path: 'screenshot.png' });
let canvas = document.createElement('canvas');
let context = canvas.getContext('2d');
canvas.width = screen.width;
canvas.height = screen.height;
context.drawImage(screen, 0, 0);
document.body.appendChild(canvas);
7. 按`Enter`键运行代码,截图或录屏将自动保存为名为“screenshot.png”的文件。
8. 若要停止截图或录屏,可以关闭“开发者工具”窗口。
注意:在某些情况下,您可能需要在浏览器设置中启用“开发者工具”才能使用这些功能。
