React界面自动全屏

在生命周期函数中加入以下代码即可

  let element = document.documentElement;  //获取界面root元素
    if (element.requestFullscreen) {
      element.requestFullscreen();
    } else if (element.mozRequestFullScreen) {   // 兼容火狐
      element.mozRequestFullScreen();
    } else if (element.webkitRequestFullscreen) {    // 兼容谷歌
      element.webkitRequestFullscreen();
    } else if (element.msRequestFullscreen) {   // 兼容IE
      element.msRequestFullscreen();
    }

来源搜索到的,记录一下

你可能感兴趣的:(React界面自动全屏)