J'ai utilisé la JQUERY suivante pour insérer un métatagn dans un document HTML. Je crois que je devrais probablement utiliser document.getelementbytagname mais je ne sais pas comment. juste au cas où Vous vous demandez, je insère le métagnon dans mon HTML pour optomiser le site pour la visualisation avec l'iPhone.
Malheureusement, la largeur = la largeur de l'appareil n'est pas une option car elle ne joue pas bien avec ma version iPad.
4 Réponses :
solution JavaScript:
var viewPortTag=document.createElement('meta');
viewPortTag.id="viewport";
viewPortTag.name = "viewport";
viewPortTag.content = "width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0";
document.getElementsByTagName('head')[0].appendChild(viewPortTag);
Vous pouvez également utiliser "SETATTRIBUTE" (plutôt que la notation "DOT") pour les noms d'attribut weirdo (contenant des caractères non alphanumériques).
Exemple: P>
var iefix=document.createElement('meta');
iefix.setAttribute("http-equiv", "X-UA-Compatible");
iefix.setAttribute("content", "IE=Edge");
document.getElementsByTagName('head')[0].appendChild(iefix);
Voici une solution qui crée une balise méta, si elle n'existe pas déjà:
Juste hors de curiosité, êtes-vous sûr que les appareils mobiles fonctionnent votre JavaScript avant de consulter la balise Meta?
Je l'ai testé sur l'iPad et l'iPhone et ça marche. Bonne question cependant. Je ne suis pas sûr de tout autre appareil. Je vais essayer Android plus tard.
En fait, je reprends ça. Je constate que l'iPhone ne détecte pas systématiquement le métatag (au moins je pense que c'est le problème). Parfois, cela fonctionne parfois pas. Je pense que je vais utiliser PHP à la place et simplement rediriger vers une page spécifique mobile.
J'ai remarqué que les points-virgules dans le "contenu" ATTR ont tort, devraient être des virgules: "largeur = 320, échelle initiale = 1, ..."