JavaScript Apri (elemento pagina) in FullScreen HTML5 fallisce in Internet Explorer
-
20-12-2019 - |
Domanda
ciao ho una pagina web che voglio aprire un elemento div (con un ID) e il suo contenuto dalla pagina esistente in fullscreen. Funziona bene in FF e cromato ma non funziona in IE10 o IE11. Non ottengo errori nel registro della console.
Ho usato una metodologia simile a questo esempio online ho trovato quale non funziona anche per me in IE: http : //Davidwalsh.name/demo/fullscreen.php . C'è un'impostazione in cioè che deve essere abilitata per visualizzare il fullscreen? F11 funziona bene per me. Pensavo che ci sia un ambiente di sicurezza?
Sto usando il codice come definito nella documentazione della propria MS: http://msdn.microsoft.com/ IT-US / Biblioteca / 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);
});
.
In questo esempio la variabile Readymethod è sempre indefinita.
È perché cioè non sta rilevando l'evento onclick e quindi bloccando la richiesta dovuta ai problemi di sicurezza? Più aiuto necessario. (Sì, sono costretto a usare una vecchia versione di jQuery 1.4.4)
Soluzione
IE10 non supporta a schermo intero
IE11 supporta la versione standard, ad es.msRequestFullscreen()
.Si noti che il s
è in minuscolo.
Un sacco di buone informazioni qui: http://generatedcontent.org/post/70347573294/is-your-fullscreen-api-Code-up-to-Date-Find-out-How-to