首页 > 解决方案 > 使用 javascript 时,全屏 api 在 ios 上不起作用

问题描述

全屏 api 在 ios safari 和 chrome 中不起作用。我正在尝试全屏显示图像,但它在 ios safari 中不起作用,任何人都可以帮助我。我是否使用了正确的文档属性。

function getBrowserFullscreenElementProp() {
  if (typeof document.fullscreenElement !== "undefined") {
    return "fullscreenElement";
  } else if (typeof document.mozFullScreenElement !== "undefined") {
    return "mozFullScreenElement";
  } else if (typeof document.msFullscreenElement !== "undefined") {
    return "msFullscreenElement";
  } else if (typeof document.webkitFullscreenElement !== "undefined") {
    return "webkitFullscreenElement";
  } else {
    throw new Error("fullscreenElement is not supported by this browser");
  }
}

试过了

function getBrowserFullscreenElementProp() {
  if (typeof document.fullscreenElement !== "undefined") {
    return "fullscreenElement";
  } else if (typeof document.mozFullScreenElement !== "undefined") {
    return "mozFullScreenElement";
  } else if (typeof document.msFullscreenElement !== "undefined") {
    return "msFullscreenElement";
  } else if (typeof document.webkitCurrentFullScreenElement !== "undefined") {
    return "webkitCurrentFullScreenElement";
  } else {
    throw new Error("fullscreenElement is not supported by this browser");
  }
}

标签: javascript

解决方案


根据我可以使用:iPhone 版 Safari 不支持全屏 API。


推荐阅读