Javascript Girl
  1. Javascript Girl
  3. Javascript doOnOrientationChange: ne peut pas réparer un bug chargé de la page
Intereting Posts
En d3, comment obtenir les données de lignes interpolées à partir d'une ligne SVG? Case à cocher en ligne ajax modifier un numéro Javascript obtient le nombre de fichiers et leurs noms de fichiers à partir de l'élément de saisie de fichier avec un attribut multiple? Problème avec l'inscription utilisateur parse.com ne fonctionne pas Décodage BMP en JavaScript et dessin sur Explorer Canvas Comment puis-je définir l'accès CORS pour un fichier audio sur mon serveur Web Linux avec apache2? Créer un pied de parallaxe 'sous le tapis'? Changer le programme de shader dans WebGL Existe-t-il un Javascript iCalendar lib? Phantom.js capture-t-il tout AJAX? Détecter les glissades gauche / droite sur les appareils tactiles, mais autoriser le défilement vers le haut / vers le bas SCRIPT70: Autorisation refusée lors de l'ajout d'options pour sélectionner l'élément à partir d'un iframe récemment fermé Onglet Identifier qui a demandé dans Firefox Addon SDK JQuery slideDown n'est pas lisse Annuler un événement onBlur en JavaScript?

Javascript doOnOrientationChange: ne peut pas réparer un bug chargé de la page

J'ai utilisé un .js pour éviter la vue paysage à partir d'un appareil mobile. J'ai édité une image blanche en plein écran en disant que "ce site ne semble pas être visualisé en mode paysage, passez votre appareil" chaque fois que je tourne mon appareil de portrait en paysage. Il fonctionne sauf lorsque je charge une page et je suis déjà en mode paysage. Une idée sur la façon de le réparer? Merci 

 <script> (function() { 'use strict'; var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; if (isMobile.any()) { doOnOrientationChange(); window.addEventListener('resize', doOnOrientationChange, 'false'); } function doOnOrientationChange() { var a = document.getElementById('alert'); var b = document.body; var w = b.offsetWidth; var h = b.offsetHeight; (w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = ''); } })(); </script>

Mettre à jour :

J'ai essayé d'ajouter window.orientation au script mais quelque chose ne va pas 

 if (orientation === "landscape-primary") { doOnOrientationChange(); window.addEventListener('resize',doOnOrientationChange,'false'); } window.onload(doOnOrientationChange());

Vous devez déplacer la fonction doOnOrientationChange() dehors de l'autre, puis appelez-la sur la page. Comme cela, cela devrait fonctionner: 

 <script> function checkMobile() { var isMobile = false; if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Opera Mini/i) || navigator.userAgent.match(/IEMobile/i)) { isMobile = true; } return isMobile; } function doOnOrientationChange() { var a = document.getElementById('alert'); var b = document.body; var w = b.offsetWidth; var h = b.offsetHeight; if (checkMobile()) { (w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = ''); } else { a.className = 'hide'; b.className = ''; } } window.onload = doOnOrientationChange(); window.addEventListener('resize', doOnOrientationChange, 'false'); </script>