7
votes

Modernizr aide?

Je n'arrive pas à éviter que Modernizr fonctionne sur mon site Web. J'ai ajouté les fichiers javascript dans un dossier et j'ai appelé à eux. J'ai également ajouté No-JS au HTML mais toujours rien.

Lorsque je visionne la source, il ne remplit pas le HTML comme si cela devrait.

Je ne l'utilise pas encore pour les éléments CSS3, alors je n'ai pas besoin de styles de secours, je veux juste pouvoir utiliser les étiquettes plus sémantiques comme l'en-tête, la Navet, le pied de page, etc. < / p>

Ceci est mon code de document: xxx


6 commentaires

Pouvez-vous fournir un lien vers votre site? essayez-vous de le faire localement?


Non, c'est hébergé sur un serveur. Désolé, je ne peux pas fournir un lien à mon côté malheureusement, mais je peux poster n'importe quel code nécessaire et éditer.


Si vous utilisez modernizr, vous n'avez pas besoin de HTML5Shiv, car la modernisation comprend cette fonctionnalité. Voir aussi: Stackoverflow.com/Questtions/3855294/...


Il n'apparaît pas dans la source de vue, utilisez des outils Firebug ou Chrome Dev et vous devriez voir toutes les classes ajoutées à votre noeud HTML.


Est-ce que modernizr ne détecte que quelles fonctionnalités sont prises en charge par le navigateur? ou modernizr capable d'ajouter des fonctionnalités au navigateur qui n'existent pas? Merci


Est-ce qu'il y a une solution qui ajoutent des fonctionnalités telles que CSS3 au navigateur qui n'existent pas? Merci


4 Réponses :


5
votes

Il est probablement un problème de chemin. Essayez de remplacer temporairement xxx

avec xxx

ou cela pourrait fonctionner, mais ce n'est pas évident. Gardez à l'esprit que vous ne voyez pas les classes de modernisation lorsque vous affichez la source, vous avez besoin d'un outil comme Firebug sur FF ou des outils de développement sur Chrome pour inspecter le code post-JavaScript.

Un test supplémentaire ferait quelque chose comme ... xxx

et si l'arrière-plan est rouge, alors la modernisation est en cours d'exécution.


4 commentaires

Hmm, il semble courir, vérifié sur Firefox. Confus maintenant ... des tags comme l'en-tête et le pied de page ne fonctionnent pas cependant dans des navigateurs non HTML5? Je pensais que le point de moderizr était-il remplacer en-tête avec un DIV pour les navigateurs pris en charge sans HTML5?


Non, votre hypothèse est incorrecte, elle ne remplace pas les éléments HTML5 avec DIVS, il fait simplement ce que le HTML5SHIV, et fait le navigateur, par exemple. C'est-à-dire 8 et ci-dessous, conscients de leur existence leur rend les rendements.


Même principe cependant. J'ai des balises d'en-tête qui fonctionnent parfaitement sur les navigateurs pris en charge HTML5, mais sur le non-tête ne montreront ni rendu du tout?


Êtes-vous sûr de relier la modernisation dans l'en-tête? Ce que vous décrivez cela se produit souvent lorsque vous placez le lien près du bas (optimiste habituelle). Dans le cas de l'IE, il rencontre des étiquettes HTML5 sans savoir quoi faire à leur sujet, et Modernizr se charge trop tard.



0
votes

Vous n'avez pas de styles ici, mais vous n'avez peut-être pas défini vos éléments HTML5 comme affichage: Bloc? Modernizr ne fait pas cela en soi et vous n'obtiendrez donc toujours pas les résultats que vous attendez si vous n'ajoutez pas cela dans votre CSS.


0 commentaires

10
votes

courut dans ce problème moi-même. Assurez-vous de voir la page pendant le temps d'exécution. Lorsque vous affichez la source de la page, les appels JS ne sont pas exécutés et il ne remplacera pas le NO-JS. Si vous utilisez Chrome, utilisez leur inspecteur d'éléments.


1 commentaires

Oui, vous pouvez voir toutes les classes lorsque vous affichez la page dans l'inspecteur d'élément d'outil de développeur chrome



0
votes

Pour le dossier, j'ai aussi eu cette question. Après un essai de longue date, j'ai constaté que l'élimination de l'option "Ajouter des classes CSS" à partir de la construction personnalisée me faisait pour moi.


0 commentaires