HTML 打开页面链接强制chrome 全屏浏览

匿名 (未验证) 提交于 2019-12-02 20:30:32
版权声明:JiahaoZhang原创文章,转载请注明出处 https://blog.csdn.net/GrootBaby/article/details/84587691

1. 投机取巧法实现

如下:

https://www.baidu.com/

打开快捷方式即可成功。

注意,Chrome不能是打开的状态,否则设置不生效。

2. JS 代码实现--用户点击按钮实现全屏

 function myFullScreen() {      var docElm = document.documentElement;     //W3C      if (docElm.requestFullscreen) {         docElm.requestFullscreen();     }     //FireFox      else if (docElm.mozRequestFullScreen) {         docElm.mozRequestFullScreen();     }     //Chrome等      else if (docElm.webkitRequestFullScreen) {         docElm.webkitRequestFullScreen();     }     //IE11      else if (elem.msRequestFullscreen) {         elem.msRequestFullscreen();     } }  function closeMyFullScreen() {      if (document.exitFullscreen) {         document.exitFullscreen();     }     else if (document.mozCancelFullScreen) {         document.mozCancelFullScreen();     }     else if (document.webkitCancelFullScreen) {         document.webkitCancelFullScreen();     }     else if (document.msExitFullscreen) {         document.msExitFullscreen();     } }  document.addEventListener("fullscreenchange", function () {          fullscreenState.innerHTML = (document.fullscreen) ? "" : "not "; }, false);  document.addEventListener("mozfullscreenchange", function () {         fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not "; }, false);  document.addEventListener("webkitfullscreenchange", function () {          fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not "; }, false);  document.addEventListener("msfullscreenchange", function () {          fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not "; }, false);

3. 使用插件实现--jquery.fullscreen(该方法只是实现可视区域全屏)

1) 项目地址:https://github.com/MonkeyMo/jQuery-FullScreen

2) 该插件就是一个js文件,下载地址:


3) 使用方法:

第一步:在页面上引入js文件,

第二步:使用下面方式可以调用:

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!