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 无法获取未定义或 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);