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

Question

我正在做一个脚本以知道我的浏览器是否支持屏幕共享。我的脚本可用于每个浏览器(Chrome，Opera，Firefox，Edge，Safari(，除了Internet Explorer，我不知道有什么问题。

你能给我答案

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无法获得未定义或null参考的属性'getDisplayMedia'

Answer 1

您需要在检查其属性之一之前检查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);

Answer 2

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

我建议在检查mediaDevices属性之前检查navigator.userAgent的CC_2。