ipad+html+全屏模式,javascript – iPad上的Chrome全屏API？

我正在创建一个小部件,一旦点击一个按钮,我想全屏显示.我已经实现了全屏API,它就像所有浏览器上的魅力一样.但是,我正在创建此小部件,仅作为iPad上的交互式信息亭使用.我可以自由使用最适合的浏览器,但我无法在iPad上使用全屏功能.尝试了多种不同的选项,但还不够……我有以下代码适用于普通的桌面浏览器：

var element = document.getElementById('element');

var fullscreenButton = document.getElementById('fullscreenButton');

fullscreenButton.addEventListener('click', function(){

if(element.requestFullscreen){

element.requestFullscreen();

}else if(element.webkitRequestFullscreen){

element.webkitRequestFullscreen();

}else if(element.mozRequestFullScreen){

element.mozRequestFullScreen();

}else if(element.msRequestFullscreen){

element.msRequestFullscreen();

} else{

element.webkitEnterFullscreen();

}

});

有什么方法可以创建一个应用程序(基本上是一个幻灯片),以任何可能的方式在iPad上进入全屏？提前感谢所有提示/帮助.

解决方法:

据我所知,Chrome for IOS基于Safari,因此如果Safari不支持全屏,Chrome将不支持它.

标签：javascript,html5,ios,ipad,html5-fullscreen

来源： https://codeday.me/bug/20190701/1349795.html

ipad+html+全屏模式,javascript – iPad上的Chrome全屏API？相关推荐

js实现全屏与退出全屏，解决F11进入全屏后退出全屏API方法失效（chrome）
js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome) 解决的问题谷歌浏览器F11全屏后,在页面中编写的全屏按钮失效解决方法 //判断是否是全屏状态 var isFul ...
js实现浏览器全屏与退出全屏，解决chrome下F11进入全屏后退出全屏API方法失效
1. 问题说明网页全屏和退出全屏其实已经算的上一个很常见的功能了,那是不是直接用HTML5全屏API就没什么问题了,但是不要忘了键盘上的F11有着同样的功能,实际使用的时候就发现F11使网页进入全屏 ...
怎么让电脑上的图片全屏显示呢
怎么让电脑上的图片全屏显示呢利用 windows 图片查看器打开图片,然后按 F11 键,即可本文转自烂泥行天下 51CTO博客,原文链接:http://blog.51cto.com/ilann ...
JavaScript网页全屏API
在大多数的浏览器中都有实现网页全屏显示的功能,并且大部分浏览器实现全屏显示和退出全屏显示的快捷键通常是F11和Esc两个按键.如今,W3C已经制定了关于网页全屏显示的API,利用这个API 可以实现网 ...
chrome for mac html5,javascript – Mac上的Chrome浏览器问题
我一直在寻找很长一段时间,因为画布元素上的旋转矩形的绘制,擦除和重绘在Mac上的谷歌浏览器中不起作用. 我需要这个,因为我想在画布上渲染悬停叠加层. 我创建了一个代表我的代码的小提琴:link HTM ...
【温故而知新-Javascript】窗口效果（全屏显示窗口、定时关闭窗口）
1.全屏显示窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
mac下chrome全屏地址栏不见的解决方法
因为Chrome是放在显示器上的,idea是放在自己的mac上使用的,在idea中找东西的时候按了command+shift+F,结果chrome浏览器全屏的时候,其他打开的网页看不到了解决方法: ...
chrome全屏隐藏状态栏_PS技巧丨18个让你相见恨晚的PS隐藏技巧！
Photoshop一定是你再熟悉不过的软件,不管是专业还是非专业摄影师.可是你是否知道这些Photoshop里神奇的隐藏技能?看了这篇文章,一定让你跟这18个技巧相见恨晚 - 1 - 在画布中调整笔刷 ...
chrome 全屏无法退出
起因:chrome 按F11 全屏后,再按F11 死活无法退出全屏,关掉后,再打开chrome,自动全屏,F11无法退出全屏系统:centos 6.3 解决:找到 chrome的用户数据存储目录,( ...

ipad+html+全屏模式,javascript – iPad上的Chrome全屏API？

ipad+html+全屏模式,javascript – iPad上的Chrome全屏API？相关推荐

最新文章

热门文章