Compatibilité des navigateurs Résolu

Question

Bonjour,  
En plein développement d'un site, j'ai compris les joies des différents navigateurs et pour faire bref, selon les navigateurs, je n'ai pas les mêmes bugs , mais j'aimerais les fixer tous... 
Par exemple:  
- FF: je ne peux pas supprimer le text dans une input box qui ne prend que les chiffres (en js), bouton rejetté à la ligne... 
- IE: certains css ne sont pas exécutes, le footer remonte... 

Alors je m'en remets à vous, car j'ai besoin d'un script qui trouve à coup sûr le navigateur utilisé pour que je puisse exécuter différentes parties du code en fonction du navigateur. 
Merci beaucoup d'avance! 



Configuration: Windows 7, Google Chrome

jeremy.s · Answer

Bonjour !
Essaye de te renseigner avec les propriétés en css -moz, -webkit et il y en a une 3ème mais de tête je ne me souviens plus ...

TheJokeAir · Answer

Merci pour ta réponse, mais ce n'est pas juste possible de vérifier le navigateur? Car ce n'est pas que une histoire de css...

jeremy.s · Answer

Oui il exciste ceci : https://www.commentcamarche.net/contents/580-javascript-l-objet-navigator
Dis moi si c'est ce que tu cherches !

TheJokeAir · Answer

Oh ça m'a bien l'air d'être exactement ça!
Merci beaucoup à toi!

jeremy.s · Answer

Derien !
Si jamais tu as d'autres questions je reste dispo ;-)

TheJokeAir · Answer

Mmh dans mon cas je suppose que c'est appName, c'est fiable ça?

EDIT: ça renvoie toujours NetScape :/

jeremy.s · Answer

Oui c'est ca, regarde la fin il y a un exemple de script !
nom = navigator.appName;
if (nom == 'Microsoft Internet Explorer')
{
appelle ton fichier de css pour IE
}
ect ... !

TheJokeAir · Answer

ok merci, mais pour savoir, on trouve où les noms exacts des différents navigateurs s'il te plait?

jeremy.s · Answer

Ils sont dans le 3eme tableau, juste avant l'exemple !
Si jamais, tu peux faire un alert(navigator.appName); pour tester le tien et les autres pour en être sur

TheJokeAir · Answer

Justement, alert(navigator.appName) renvoie toujours NetScape...
Et, je trouve pas par exemple Mozilla, Safari, Opera...

jeremy.s · Answer

Essaye app.CodeName pour voir

TheJokeAir · Answer

Comme expliqué sur le site, appCodeName renvoie souvent Mozilla et c'est le cas pour Chrome ...

jeremy.s · Answer

J'ai trouvé autre chose, à tester : https://www.paperblog.fr/1970567/la-detections-des-navigateur-en-javascript-prototype-mootools-et-jquery/

TheJokeAir · Answer

c'est du JQuery non? je sais plus trop comment ca marche :/

jeremy.s · Answer

Après relecture, ca ne distingue que IE des autres, comme navigator, donc retour à la case départ ... !
Je continue mes recherches en espérant trouver quelque chose !

TheJokeAir · Answer

Merci beaucoup de t'en soucier autant :O

jeremy.s · Answer

Et sinon, as-tu déjà touché au php ?

TheJokeAir · Answer

Ah oui carrément, mon site est presque uniquement en php

jeremy.s · Answer

Regarde de ce coté là alors ! Il y a pleins d'exemple de code pour distinguer les navigateurs en php sur internet !
J'en ai une quelque part, je vais voir si je la trouve ! En attentant tu peux demandé à google !

TheJokeAir · Answer

Oui oui bah merci :D

jeremy.s · Answer

J'ai retrouvé une vieille fonction un peu moche, à améliorer si tu as le courage !
function navig(){
$oncoupeletout = array('/', '(', ')', ';');
$navigu3 = str_replace($oncoupeletout, ' ', $_SERVER["HTTP_USER_AGENT"]);
$recoupe[] = array();
$recoupe = preg_split('/ /', $navigu3, NULL);
$comb = count($recoupe);
for($p=0;$p<$comb;$p++){
if($recoupe[$p] == "IEMobile"){
$echo ='Internet Explorer Mobile';
}	
elseif($recoupe[$p] == "Navigator"){
$echo ='Netscape';
}	
elseif($recoupe[$p] == "MSIE"){
$echo ='Internet Explorer';
}
elseif($recoupe[$p] == "AppleWebKit"){
$echo ='Safari';
}
elseif($recoupe[$p] == "Chrome"){
$echo = 'Google Chrome';
}
else{
$echo = $recoupe[$p];
}
}
return $echo ; 
}

TheJokeAir · Answer

Oh merci, je vais la garder le côté, mais j'ai vu pire à appliquer, t'inquiete ;)

jeremy.s · Answer

Ok :)
Sinon, je suis à court d'idée ... !

TheJokeAir · Answer

Haha
Pas de soucis, je te remercie énormément pour toutes tes solutions!

TheJokeAir · Answer

J'ai juste une question: ils font comment les sites "pros" genre CCM, leboncoin...?

jeremy.s · Answer

Très bonne question ... ! Je ne suis qu'étudiant en informatique à vrai dire ^^

TheJokeAir · Answer

Je trouve ça vraiment dur la mise en page de sites quand même :) mon site est tout fonctionnel, j'ai énormément bossé dessus mais là, ça me soule un peu l'histoire de compatibilité

jeremy.s · Answer

Oui totalement d'accord ! Mais tu peux faire le choix d'ignorer les utilisateurs d'IE, c'est une solution comme une autre ... ! ^^

TheJokeAir · Answer

Mouais bof, j'aimerais que le site soit assez bien beaucoup trop mega connu donc vaut mieux pas ^^'

jeremy.s · Answer

Effectivement !
Sinon, ya la solution des CMS si tu en as marre de coder. Il y a des avantages comme des inconvénients ...
Adresse toi aux "gros site" directement si tu veux une réponse. Ils sont tous une rubrique contact ;-)

TheJokeAir · Answer

Non j'en ai pas du tout marre de coder! j'en ai marre que d'un navigateur à l'autre, un bouton se déplace sans raison, qu'on puisse plus ecrire dans certaines input etc...
Et je ne pense pas qu'un gros site va repondre à un truc comme ça :D
Quoique ma belle-soeur connait le PDG de CCM :)

jeremy.s · Answer

Pour les ptits problèmes, si tu ne l'as pas déjà, je te conseil firebug, c'est pratique ;-)

En théorie oui c'est chiant, mais en pratique je n'ai encore jamais vraiment eu de problème. En cours nous sommes censé faire des codes sur tous les navigateurs, mais les profs ne regarde pas sous IE et s'en fiche ... ^^ Donc tant que ca marche sous safari, firefox et chrome, la note est bonne :) Ils nous précisent juste ce qu'il ne marche pas sous IE ^^

Ahah sympa la belle soeur ! Fais lui passé un petit billet alors ;-)

TheJokeAir · Answer

Ouais ! je verrais pour firebug, je connais pas, merci!

EDIT: ok ok, je viens de mettre FF à jour et y a plus qu'un seul bug, c'est le fait de pas pouvoir supprimer dans la textbox réservée aux chiffres uniquement (en JS: genre event.keycode) y a t-il un code de touche pour que je rajoute aussi la touche supprimer aux touches autorisées? (marche sans sous Chrome)

jeremy.s · Answer

Oula, je sais le faire en C#, en js, il faut que je creuse un peu ^^

jeremy.s · Answer

Je viens de tomber sur ca si cela t'interesse encore !
https://www.zonecss.fr/cours-css/hack-css.html
http://www.guillaumevoisin.fr/jquery/detection-du-navigateur-avec-jquery

TheJokeAir · Answer

Ah bonne idée, je crois que IE est le seul à mal afficher mes pages en fait (depuis que j'ai fait certaines modifs) donc je vais me servir de ça :)
Merci beaucoup pour tout ton temps passé là dessus!

jeremy.s · Answer

Dans ce cas là même pas la peine d'utiliser le jquery ! Le navigator.appName te suffis alors à distinguer IE des autres :)

TheJokeAir · Answer

ah le hack css c'est du JQuery? Pas fait gaffe, ouais je vais essayer avec la solution appName.

EDIT: je galère un peu là, comment je l'intègre dans ma page de sorte qu'une variable PHP contienne true ou false? Genre je vérifie une fois au début, puis au milieu de mon code, je fais genre:
if ($ie) { blabla }
else { blabla }

TheJokeAir · Answer

Bon j'ai décidé de faire un CSS entièrement compatible donc, enfin résolu!
Merci pour ton aide préciseuse jeremy!

jeremy.s · Answer

Le jquery c'était le 2em lien ! Le hack css c'est pas du jquery ^^

Tu fais finalement en php ? La version js est plus simple à mon gout !

Pas besoin d'un boolean, tu mets le nav dans une variabe, si c'est MSIE t'es ie donc tu appelles ton css pour ie, sinon t'appelle ton css à defaut !
if($nav == "MSIE"){ bla bla }
else {bla bla bla }

TheJokeAir · Answer

Non mais c'est bon t'inquiete, merci :)

jeremy.s · Answer

Ok :)
Bon courage à toi !

Compatibilité des navigateurs

42 réponses

Discussions similaires

Newsletters