Les navigateurs auxquels on s'intéresse ici, en tant que webmestre, sont ceux utilisés par les visiteurs de son site.
Ils sont divers. C'est un bien, c'est même indispensable à la bonne santé du web. C'est aussi une difficulté pour le créateur de site car ces navigateurs interprètent différemment, parfois très mal, les spécifications HTML et CSS.
Le webmestre doit alors contrôler l'aspect de ses pages sur différents navigateurs. Ceux-ci deviennent ainsi d'indispensables outils.
Lesquels utiliser, comment ?
Les navigateurs texte permettent +/- de contrôler le balisage sémantique.
Le navigateur contrôleur Amaya contrôle la validité du code.
Les navigateurs graphiques nous permettent de contrôler l'aspect du site, son fonctionnement.
Certes, ces navigateurs sont peu utilisés pour surfer, hormis par les gourous de l'informatique. Ils nous intéressent néanmoins comme contrôle sémantique, contrôle d'accessibilité aux personnes et aux moteurs de recherche :
Ils permettent de tester le code HTML (ils ignorent la feuille de style).
Ils révèlent ainsi une partie du html mal codé, non sémantique...
ex. : <div class="titre"> à la place de <h1> Etc.
Leur importance découle de ce que d'autres logiciels se comportent comme eux : robots des moteurs de recherche, navigateurs vocaux ou braille...
Lynx 2.8.5 : existe pour DOS, Windows, Linux...
lynx.browser.org -
lynx.isc.org -
Liens Lynx
La page navigateur LYNX de Dominique Guebey
Les principales commandes de Lynx (ENS)
Manuel d'utilisation de Lynx version 2.8.1 (winaide) (+ téléchargement possible)
Service en ligne pour capture d'écran...
Links - http://artax.karlin.mff.cuni.cz/~mikulas/links/
V3M - http://emacs-w3m.namazu.org/
En plus du contrôle de rendu sur un navigateur textuel, on n'oubliera pas de tester le code avec un "validateur" HMTL ou avec Amaya ou Tidy.
De même que la catégorie précédente, ce navigateur n'est guère utilisé pour surfer. Il est néanmoins très utile au webmestre en tant que contrôle.
Amaya est un "trois en un" :
- Editeur wisiwig du w3c, destiné à produire du code valide.
- contrôleur : indique toutes les erreurs des pages déjà faites avec un autre éditeur...
- Navigateur web. Théoriquement. Mais imaginez-vous parcourant le web réel
avec un navigateur qui indique les erreurs...
Ces navigateurs testent la présentation en prenant en compte la feuille de style. À cause de cela, ils ne permettent pas de bien tester le code HTML (sémantique...), d'où l'intérêt des navigateurs textuels, ci-dessus.
Tous les navigateurs graphiques n'implémentent pas de la même façon les CSS... (quelques liens sur l'implémentation des navigateurs)
Les tests doivent donc être menés sur différents navigateurs : indispensable !
On peut souhaiter que des tests soient menés également sur d'anciennes versions.
Pour trouver les anciennes versions de tous les navigateurs :
En pratique : On écrit la CSS pour obtenir la présentation désirée
sous les navigateurs modernes respectueux des standards du web (Firefox et autres Gecko).
Dans un deuxième temps, on ajoute des "hack" pour obtenir une présentation tout de même
correcte dans les navigateurs moins respectueux des standards
et dans les navigateurs obsolètes (Internet Exploreur, ...).
Navigateur totalement dépassé, malheureusement encore utilisé par 0,5% des surfeurs.
Rappelons que Netscape était le navigateur vedette. Microsoft l'a mis en faillite en diffusant gratuitement IE, de surcroît installé d'origine sur tous les PC (dumping... d'où condamnation de MS pour abus de position dominante...). Les anciens de Netscape ont alors créé la "Fondation Mozilla", à l'origine d'un nouveau moteur de rendu, Gecko, en code libre et gratuit.
Ne pas confondre Netscape 4 avec le récent Netscape 7 (d'AOL) basé sur Gecko.
Faut-il encore tenir compte de N 4 ??? Certains pensent que oui, au nom de l'accessibilité à tous (vieux ordinateurs dans des pays en développement par exemple, sans compter d'éventuels inconditionnels)... A vous de voir si les complications induites sont justifiées.
IE 5.x Win : Encore 10% des visiteurs du web, dont la moitié pour IE 5.5, malgré les problèmes de sécurité (virus).
IE 5.x Mac : Son moteur de rendu était nommé "Tasman". Totalement différent et bien meilleur que IE 6 Windows. Cependant il n'est plus maintenu par MS. Il est également abandonné des internautes au profit de Safari et autres navigateurs modernes.
IE 6 : Ce navigateur est déjà dépassé, il ne respecte pas les standards CSS2.
Il n'a pas subit d'amélioration de l'implémentation depuis 2000 !
Quand aux corrections des fameuses failles de sécurité,
elles ne seront bientôt plus disponibles que pour les versions pour Windows XP (> 100 €).
IE 6 reste incontournable puisque utilisé aujourd'hui par 70% des surfeurs.
Mais dans les conditions ici évoquées, son taux d'utilisation pourrait chuter rapidement.
Il a déjà perdu plusieurs % d'utilisateurs depuis mai 2004.
Rappelons que ses déficiences obligent le webmestre à l'emploi de multiples astuces ou "hacks".
Ceci et la chute prévisible de son utilisation a déjà conduit nombre de webmestres à ne plus
tenir compte de ce navigateur !
Si on ne peut encore se passer de contrôler ses pages avec IE, on ne peut pas non plus s'en contenter !
IE (7 ?) : Une version béta avait été promise pour l'été 2005.
- L'annonce
MS n'envisageait pas la correction des carences d'implémentation des standards CSS, XHTML,
du format PNG, etc.
Il est probable que rien ne changera pour les créateurs de sites web.
- IE 7 ne devait être disponible que pour Windows XP sp2.
Promesse vaine, on n'a rien vu venir.
il s'agissait donc bien d'une pure manoeuvre marketing visant
à empêcher les clients de quitter ce navigateur non à jour et de passer à la concurence.
Il n'y aura finalement peut-être pas de nouvelle version du navigateur Microsoft
avant celle intégrée au futur système d'exploitation "Longhorn", donc payante !
Surcouches : Maxthon (ex. MyIE2)...
Rafistolage d'IE - "IE7.css" - Une initiative privée : Quelques fichiers à ajouter à votre site pour compenser les carences d'implémentation CSS d'IE. (Ralenti l'affichage.) http://dean.edwards.name/IE7/ - http://sourceforge.net/projects/ie7/
Le "moteur de rendu" de la Fondation Mozilla, en permanente évolution et avec une bonne implémentation HTML et CSS, est la base de navigateurs d'avenir en pleine progression ! Utilisé par 12 % des surfeurs.
www.geckozone.org - http://frenchmozilla.org - Mozilla Europe - www.mozilla.org - Annuaire des sites Mozilla francophones
Mozilla : Suite comprenant navigateur, gestionnaire de courrier, éditeur de pages web...
Existe pour Windows, Linux et Mac OS X
(Mac Os 9)...
La version 1.8 (utilisant Gecko 1.8) ne sera pas réalisée par la Fondation Mozilla elle même et sera rebaptisée.
FireFox (ex FireBird, Phœnix) : Navigateur seul. Pour Windows, Linux, Mac...
La version 1.5 dispose du moteur de rendu amélioré Gecko 1.8.
Extensions pour webmaster :
Netscape 7 : Navigateur fait par AOL en "habillant" le code de Gecko.
Camino (ex Chimera) : pour Mac OS X. http://caminobrowser.org/
KMeleon : Navigateur moderne "léger" utile sur de vieux ordinateurs. (sous win)
Galeon / Epiphany : Navigateur(s) de l'environnement Gnome/Linux.
On ne peut faire l'impasse d'un contrôle sur Gecko ! On pourrait presque dire qu'un site qui passe bien sur Gecko passe également bien sur tous les navigateurs assez respectueux des standards HTML et CSS.
Le moteur de rendu open source initialement développé pour Konqueror.
Konqueror {0.2%} Le navigateur de l'environnement KDE / Linux.
Safari (pour Mac Os X) {1.6%}.
OmniWeb 4.5+ (pour Mac Os X)
Le contrôle sur KHTML parait indispensable. A défaut d'avoir Linux ou un Mac chez soi, on peut demander un avis sur son site dans un forum Usenet. (voir en bas de page)
Service en ligne pour capture d'écran...
Très beau navigateur, respectueux des standards, avec de multiples aides à l'accessibilité. Depuis la version 8, il peut lire l'anglais. (Bientôt la version 9).
Il est maintenant gratuit. Ce magnifique navigateur reste cependant peu utilisé. www.opera.com
Un bon blog où on en parle parfois : www.blog-and-blues.org/weblog/Navigateurs
Interprète parfois les CSS différemment de Gecko. Il est donc bon de contrôler sur Opéra les pages créées. Je conseille donc au webmaster amateur d'avoir au moins la version gratuite (et au pro la version payante, bien sur).
En plus du contrôle de rendu sur les navigateurs graphiques, on n'oubliera pas de tester la feuille de style avec un "validateur" CSS.
Le World Wide Web Consortium publie le premier Document de Travail de VoiceXML 2.0
Pour en savoir plus :
Pour en savoir plus :
Captures d'écran sous divers navigateurs :