您当前位置:
首页 >
Chrome浏览器网页录屏与截屏操作教程
Chrome浏览器网页录屏与截屏操作教程
文章来源:动力领航站官网
时间:2026-08-23

一、网页录屏
1. 打开Chrome浏览器,并访问您想要录制的网页。
2. 点击浏览器顶部的“菜单”按钮(通常是一个三条横线的图标),然后选择“更多工具”。
3. 在下拉菜单中,找到并点击“开发者工具”(DevTools)。
4. 在开发者工具窗口中,点击左侧的“控制台”选项卡。
5. 在控制台中,输入以下命令来启动录屏:
javascript
var stream = document.createElement('video');
document.body.appendChild(stream);
stream.muted = true;
stream.play();
6. 按下键盘上的`F12`键或者右键点击页面空白处,选择“检查”以启动录屏。
7. 当录屏开始时,屏幕会显示一个进度条,表示录屏正在进行。
8. 当录屏完成后,进度条会变为红色,此时您可以停止录屏。
9. 点击浏览器右上角的“X”按钮关闭开发者工具。
10. 在浏览器地址栏中输入`chrome://settings/contentSettings`,然后按回车键进入设置页面。
11. 在设置页面中,找到“隐私”部分,确保“允许网站运行脚本”和“允许录制视频”两个选项都已勾选。
12. 返回到浏览器,您应该能看到刚刚录制的视频文件。
二、网页截屏
1. 打开Chrome浏览器,并访问您想要截屏的网页。
2. 点击浏览器顶部的“菜单”按钮(通常是一个三条横线的图标),然后选择“更多工具”。
3. 在下拉菜单中,找到并点击“开发者工具”(DevTools)。
4. 在开发者工具窗口中,点击左侧的“控制台”选项卡。
5. 在控制台中,输入以下命令来截屏:
javascript
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
var context = canvas.getContext('2d');
context.drawImage(screen, 0, 0, screen.width, screen.height);
6. 按下键盘上的`F12`键或者右键点击页面空白处,选择“检查”以截屏。
7. 当截屏完成时,屏幕会显示一个包含截屏内容的窗口。
8. 点击窗口中的“确定”按钮关闭窗口。
9. 在浏览器地址栏中输入`chrome://settings/contentSettings`,然后按回车键进入设置页面。
10. 在设置页面中,找到“隐私”部分,确保“允许网站运行脚本”和“允许保存图像”两个选项都已勾选。
11. 返回到浏览器,您应该能看到刚刚截取的图片。
请注意,这些操作可能需要管理员权限才能执行,尤其是在需要截取整个屏幕或特定区域时。此外,某些网站可能不允许自动录屏或截屏,因此在使用这些功能之前,请确保您了解网站的相关政策。