javascript aberto (elemento de página) em tela cheia HTML5 falha no Internet Explorer
-
20-12-2019 - |
Pergunta
Olá, tenho uma página da web que desejo abrir um elemento div (com um ID) e seu conteúdo da página existente em tela cheia.Funciona bem no FF e no Chrome, mas não funciona no IE10 ou IE11.Não recebo erros no log do console.
Usei uma metodologia semelhante a este exemplo online que descobri, que também não funciona para mim no IE: http://davidwalsh.name/demo/fullscreen.php.Existe uma configuração no IE que precisa ser habilitada para exibir tela cheia?F11 funciona bem para mim.Achei que poderia haver uma configuração de segurança.
Estou usando o código conforme definido na documentação da própria MS:http://msdn.microsoft.com/en-us/library/ie/dn254939(v=vs.85).aspx
function requestFullScreen(element) {
// Supports most browsers and their versions.
var requestMethod = element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen;
console.log("element.msRequestFullScreen" + element.msRequestFullScreen);
if (requestMethod) { // Native full screen.
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
$(".fullscreen").live('click',function(event) {
var elem = document.getElementById("fulltextview"); // Make the fulltext
view elements contents go full screen.
requestFullScreen(elem);
});
Neste exemplo, a variável requestMethod é sempre indefinida.
É porque o IE não está detectando o evento onclick e, portanto, bloqueando a solicitação devido a questões de segurança?É necessária mais ajuda.(sim, sou forçado a usar uma versão antiga do jQuery 1.4.4)
Solução
IE10 não suporta tela inteira
IE11 suporta versão padrão, por ex. msRequestFullscreen()
.Observe que o s
está em minúsculas.
Muitas informações boas aqui: http://generatedcontent.org/post/70347573294/is-your-fullscreen-api-code-up-to-date-find-out-how-to