J'ai besoin d'une fonction de jQuery qui remplace une classe CSS, disons .nchromewindows avec .itischromewindows lorsque le navigateur est chrome et en cours d'exécution sous Windows.
Il semble que la webkit sur chrome Windows soit un peu différente de celle de Mac.
Je suis un webDesigner très basique. Mes compétences javascript et jQuery sont très basses. J'apprécierais vraiment si quelqu'un peut me marcher à travers ça!
3 Réponses :
La meilleure solution consiste à utiliser le modernizr dans ce cas https://modernizr.com/docs/#USUX-Modernizr-with-javascript < / a>
Vous pouvez obtenir la plate-forme du navigateur et du système d'exploitation à l'aide de l'API Navigator.
if((navigator.appVersion.indexOf('Windows') != -1) && (navigator.appVersion.indexOf('Chrome') != -1)) {
$('.notchromewindows').addClass('itischromewindows').removeClass('notchromewindows');
}
Merci pour l'aide! J'ai essayé votre solution mais cela ne prend aucun effet. Dois-je mettre en avant quelque chose? Comme jquery (document) .Ready (fonction ($) {?
Oui, vous pouvez mettre à l'intérieur de la fonction JQuery (Document) et assurgez également de l'exécution du script après l'élément rendu. Ce serait génial si vous ajoutez le script au bas de la page. Fermez la question si cela fonctionne. :)
Salut merci pour votre réponse. Je l'ai poussé dans le pied de page. Malheureusement, il n'a aucun effet. Voici encore ce que je veux réaliser: j'ai une balise div liée à une classe CSS appelée "Notchromewindows ". Cela devrait être affiché sur tous les périphériques et navigateurs qui ne sont pas Google Chrome sous Windows. S'il s'agit de chrome exécuté sous Windows, la classe "Notchromewindows "doit être remplacée par" .itischromewindows ".
J'ai fait une édition dans ma réponse. S'il vous plaît essayez celui-là et également à l'avenir, veuillez poser une question avec le code si nécessaire afin de mieux comprendre pour tout le monde. renvoyer ce violon
J'ai essayé mais cela me donne le message suivant: Merci pour les commentaires! Les votes lancés par ceux qui ont moins de 15 réputations sont enregistrés, mais ne modifient pas le score post publiquement affiché. Donc j'ai peur de pouvoir uppoter
Vous pouvez utiliser le code suivant (à la fois pour Windows et Mac):
$(document).ready(function(){
if (/chrome/.test(navigator.userAgent.toLowerCase())
||/chrome/.test(navigator.userAgent.toLowerCase()))
{$('body').`enter code here`addClass('chrome');}
else{ $('body').addClass('not-chrome');}
});
Si vous êtes un concepteur Web «de base», je vous recommande de trouver des styles communs sur des navigateurs principaux. Ces jours-ci, ils sont généralement compatibles avec seulement quelques cas de bord - vous ne devriez pas avoir besoin de vous inquiéter de ces cas de bord au niveau «de base». Il se peut que vous ayez besoin d'une "réinitialisation" CSS pour commencer à partir d'une ardoise vierge commune.
Cela dit, peut-être que vous pourriez peut-être utiliser Stackoverflow.com/tags/modernizr/info