上周帮朋友调试直播间，摄像试线折腾了快两个小时，头网画面始终黑屏。页测换了三根数据线，摄像试线重装了两次驱动，头网最后发现问题出在浏览器权限上——Chrome把摄像头请求给拦截了，页测地址栏右边那个小摄像头图标一直在闪，摄像试线谁都没注意到。头网这事让我意识到，页测摄像头网页测试这件事，摄像试线比大多数人想象的头网要复杂那么一点点。

很多人以为插上USB摄像头，页测打开网页就能用。摄像试线现实往往不是头网这样。浏览器出于安全考虑，页测对摄像头的调用有严格限制。你的网页必须是HTTPS协议，本地开发环境用localhost也行，但如果是普通的HTTP网站，浏览器会直接拒绝访问，连提示框都不弹。这个坑我踩过不止一次。

在线测试工具能做什么

市面上有不少免费的摄像头网页测试工具，打开就能用，不需要注册。它们的工作原理其实很简单——调用浏览器的getUserMedia接口，请求摄像头权限，然后把视频流渲染到<video>标签里。

一个靠谱的在线测试页面，通常能帮你确认这几件事：摄像头是否被系统识别、画面是否正常输出、麦克风是否同步工作、分辨率能不能切换、帧率稳不稳定。有些工具还会显示设备名称和硬件ID，方便你在多个摄像头之间切换。

我常用的测试流程是这样的：先打开测试页面，看浏览器有没有弹出权限请求。如果没有弹窗，画面也是黑的，那大概率是权限被之前的选择记住了。点地址栏左侧的锁图标，找到摄像头权限，改成“询问”或“允许”，刷新页面。

那些让人抓狂的细节

摄像头被其他程序占用，是另一个高频问题。Windows系统里，同一个摄像头默认只能被一个应用使用。你开着Zoom或者钉钉，浏览器就抢不到。这时候关掉其他视频软件就行，不用重启电脑。

还有一种情况：画面能出来，但颜色发绿或者严重偏色。这通常跟摄像头驱动有关，尤其是那些免驱的廉价摄像头。换个USB接口试试，USB 2.0和3.0的口有时候表现不一样。我手头一个罗技C920插在机箱前面的接口上就偏色，插到主板后面的接口就正常，至今没搞明白具体原因。

分辨率的选择也有讲究。很多测试页面默认用640×480，画面糊得不行。手动切到1280×720或者1920×1080，画面会清晰很多。但要注意，分辨率越高，对带宽和CPU的占用越大。老电脑上开1080p，风扇会明显转得更快。

自己写一个测试页面

如果你懂一点前端，完全可以自己写一个简单的测试页。核心代码不到二十行：

navigator.mediaDevices.getUserMedia({  video: true }) .then(stream => {  document.querySelector('video').srcObject = stream; }) .catch(err => {  console.log('出错了：', err.message); });

把这段代码放到HTML文件里，用本地服务器打开，就能看到画面。如果报错，err.message会告诉你具体原因——权限被拒、设备未找到、设备被占用，一目了然。这比猜来猜去高效多了。

摄像头网页测试不是什么高深技术，但细节确实多。权限、协议、驱动、接口、占用状态，任何一个环节出问题，画面就是出不来。下次再遇到黑屏，别急着重装系统，先看看浏览器地址栏右边那个小图标。

(责任编辑：热点)