guacamole谷歌浏览器全屏时白屏问题

最近项目需要使用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，希望能抛砖引玉，引出大神来指点迷津。