jQuery Girl
  1. jQuery Girl
  3. changer la balise meta de la fenêtre d’affichage avec jquery
Intereting Posts
Questions débutantes avec AngularJS et les directives – habillage d’un composant jQuery Conflit jQuery entre le script Greasemonkey et la page jQuery UI combiné curseur pourcentage Comment afficher un tableau sous forme d’infobulle à l’aide de jQuery? jQuery si déclaration en fonction de la largeur en px Champs supplémentaires d’atsortingbut distant MVC Un événement de changement jQuery sur plusieurs éléments HighCharts: exploration d’une colonne empilée JQuery Grab Text From Div moins élément enfant jQuery animer hauteur auto JQuery: Des problèmes avec un simple diaporama Comment obtenir le caractère voisin du texte sélectionné? jquery.animate background-position ne fonctionne pas toutes les cases à cocher doivent être cochées et décochées avec la case à cocher principale Est-il possible de créer un arrière-plan de type grid en CSS sans images ni tableaux?

changer la balise meta de la fenêtre d’affichage avec jquery

Je me demandais s’il est possible d’append une balise méta à l’aide de jQuery à une page HTML avant le chargement de la page. La raison pour laquelle je pose cette question est parce que ma page ne contient pas de balise méta viewport et ne doit l’être que lorsque la résolution passe au-dessous de 700px –

La raison en est que j’ai le balisage HTML pour le site mobile (à l’aide de requêtes multimédia) et le balisage HTML pour la version de bureau (je n’en ai pas pour les tablettes). Je veux m’assurer que le balisage HTML conçu pour le bureau est correctement rendu sur la tablette au chargement de la page et également lorsque nous modifions l’orientation du périphérique.

Merci d’avance!

En utilisant jQuery, vous pouvez le faire comme suit: 

 if ($(window).width() < 700) { $('head').append(''); }

MODIFIER

Pour avoir la balise viewport par défaut, supprimez-la au-dessus de 699px:

HTML:

jQuery: 

 if ($(window).width() > 699) { $('head').remove(''); }

Essayez ceci (vous n’avez plus besoin du / à la fin de la balise Meta): 

 if(screen.width < 700) { $('head').append(''); }

Bien sûr, vous pouvez dès que la bibliothèque jQuery est chargée et que la tête est enregistrée dans le DOM: 

 if (jQuery('html').outerWidth(true) < 700) { jQuery.('head').append(''); }