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();
    }

来源搜索到的,记录一下

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。