guacamole谷歌浏览器全屏时白屏问题
2017-07-26 16:37
363 查看
最近项目需要使用web通过vnc连接虚拟机,简单调研一番后决定用apache guacamole。
开发过程中需要实现全屏功能,但F11被guacamole拦截了,无法全屏,唯有使用js来做,一开始用以下方法:
function fullScreen() {
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 (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}
}使用chrome测试发现全屏时候白屏了,firefox则没有这个问题。
后来使用chrome,先访问左边的页面,按下F11,全屏了,然后Ctrl+PageDown切回到虚拟机页面,没有白屏。
开始意识到应该是js问题,于是继续在网上找解决方法,后来找到个帖子,https://stackoverflow.com/questions/3900701/onclick-go-full-screen,里面有个外国人讲得停详细的,试了一下他的代码,问题解决了。
function requestFullScreen() {
var el = document.body;
// Supports most browsers and their versions.
var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen
|| el.mozRequestFullScreen || el.msRequestFullScreen;
if (requestMethod) {
// Native full screen.
requestMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") {
// Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
问题原因不知道,自己不擅长js,希望能抛砖引玉,引出大神来指点迷津。
开发过程中需要实现全屏功能,但F11被guacamole拦截了,无法全屏,唯有使用js来做,一开始用以下方法:
function fullScreen() {
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 (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}
}使用chrome测试发现全屏时候白屏了,firefox则没有这个问题。
后来使用chrome,先访问左边的页面,按下F11,全屏了,然后Ctrl+PageDown切回到虚拟机页面,没有白屏。
开始意识到应该是js问题,于是继续在网上找解决方法,后来找到个帖子,https://stackoverflow.com/questions/3900701/onclick-go-full-screen,里面有个外国人讲得停详细的,试了一下他的代码,问题解决了。
function requestFullScreen() {
var el = document.body;
// Supports most browsers and their versions.
var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen
|| el.mozRequestFullScreen || el.msRequestFullScreen;
if (requestMethod) {
// Native full screen.
requestMethod.call(el);
} else if (typeof window.ActiveXObject !== "undefined") {
// Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
问题原因不知道,自己不擅长js,希望能抛砖引玉,引出大神来指点迷津。
相关文章推荐
- 实际项目中解决启动白屏问题以及启动时设置全屏
- 看视频全屏出现白屏问题,解决办法
- android全屏问题
- 用原生VideoView进行全屏播放时的问题
- Vodafone 3GC & VGA 全屏问题
- dialog有时不能全屏,遮挡问题
- 开机白屏问题
- Windows7下解决所有游戏不能全屏的问题。
- android 禁止软件盘全屏遮挡界面的问题记录
- 解决谷歌浏览器 Adobe Flash Movie 安装失败问题
- 记录一个Canvas全屏的问题
- 谷歌浏览器跨域问题,命名行解决
- 解决SecureCRT中文显示乱码和全屏无法显示菜单的问题
- div动态设置背景图遇到的火狐和谷歌浏览器兼容问题
- Xshell输入enter全屏的问题解决
- vwvare虚拟机装ubuntu的黑屏问题,以及全屏显示问题
- 关于cocos2dx 3.1 ListView 绿底白屏的问题
- 完美解决DrawerLayout全屏滑动及嵌套viewpager滑动冲突问题
- VM中解决Ubuntu不能全屏的问题
- Windows7玩游戏不能全屏问题