javascript - 如何解决此错误 script5007 无法在 IE 上获取未定义或空引用的属性“getDisplayMedia”？

Question

我正在编写一个脚本来了解我的浏览器是否支持屏幕共享。我的脚本适用于除 Internet Explorer 之外的所有浏览器（Chrome、Opera、Firefox、Edge、Safari），我不知道问题出在哪里。

你能给我答案吗

var getDisplayMedia;
    // Screen sharing is supported by the browser 
    if (navigator.mediaDevices.getDisplayMedia || navigator.getDisplayMedia){
        getDisplayMedia = "O";
    }else {
        getDisplayMedia = "N";
    }
    console.log(getDisplayMedia);

在 Chrome、Opera、Firefox、Edge、Safari 上，它返回 O 或 N。但在 IE 上出现此错误：script5007 cannot get property 'getDisplayMedia' of undefined or null reference

Answer 1

根据 MediaDevices 文档的浏览器兼容性部分，它在 IE 中不支持。

我建议在navigator.userAgent检查属性indexOf("MSIE")之前检查。mediaDevices

Answer 2

navigator.mediaDevices在检查其属性之一之前，您需要检查它是否存在。

var getDisplayMedia;
// Screen sharing is supported by the browser 
if (navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia || 
    navigator.getDisplayMedia
){
    getDisplayMedia = "O";
}else {
    getDisplayMedia = "N";
}

console.log(getDisplayMedia);