Avec le web en pleine expansion, 2008 s’annonce comme l’année des navigateurs nouvelle génération et multi-plateformes. Les technologies se développent, s’améliorent, s’enrichissent et se diversifient au profit de l’utilisateur et du développeur.

Les navigateurs

A l’heure actuelle, 4 navigateurs sortent du lot de tous ceux existant, et se renouvellent cette année.

Ces navigateurs sont :

• Firefox
• Internet Explorer
• Safari
• Opera

Alors qu’Internet Explorer 7 peine à convaincre la moitié des utilisateurs d’Internet Explorer 6, Microsoft a annoncé le développement d’Internet Explorer 8, dont la sortie est prévue pour la fin de l’année 2008.

Pendant ce temps, alors que Firefox 1.5 a presque disparu de la plupart des ordinateurs et que Firefox 2.0 augmente de plus en plus ses parts de marché, Mozilla développe Firefox 3, dont la sortie est prévue pour Juin 2008.

Dans le même temps, Apple tente de percer le marché des navigateurs avec Safari, en le rendant compatible avec Windows et en le déclinant en version mobile pour l’iPhone et l’iPod Touch. Après une version 3.0 nettement plus rapide et optimisée que les versions précédente, Safari est arrivé avec sa version 3.1 tout récemment, incluant de nouvelles optimisations et la localisation dans sa version Windows.

Enfin, Opéra qui se fait assez discret ces temps-ci, est disponible dans sa version 9.38, tandis que la version 9.50 est toujours sur les rails avec une beta déjà disponible.

Les tests

Généralement en matière de respect des standards et compatibilité navigateurs, il y a un test qui sert de référence : l’Acid Test.

Alors que les navigateurs s’acharnaient à tenter de passer avec succès l’Acid2 Test, une nouvelle version est sortie il y a maintenant 2 mois : l’Acid3 Test.

L’Acid2 Test permet uniquement de tester le respect des standards xHTML et CSS 2 & 3, dans ses fonctions les plus complexes.

• Ancienne Génération : Internet Explorer 6 / Firefox 1.5
• Génération Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26
• Nouvelle Génération : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50

L’Acid3 Test va plus loin en testant également le support du JavaScript (ECMAScript, DOM), du SVG, les sélecteurs, et l’inclusion de médias (détails ici).

• Ancienne Génération : Internet Explorer 6 / Firefox 1.5
• Génération Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26
• Nouvelle Génération : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50

En prime :

• Emulateur Internet Explorer 7 sur Internet Explorer 8
• Safari Mobile

Acid2 Test – Ancienne Génération : Internet Explorer 6 / Firefox 1.5

Nous allons commencer ce comparatif par un simple coup d’oeil des tests Acid2 et Acid3 sur les navigateurs que j’appelle « Ancienne Génération », à savoir Internet Explorer 6 et Firefox 1.5 (n’ayant pas de version antérieures aux versions actuelles pour Opera et Safari, je ne peux pas faire de tests sur eux).

Acid2 Test – Internet Explorer 6	Acid2 Test – Firefox 1.5

Comme vous pouvez le constater, c’est un échec total pour Internet Explorer 6 (le smiley a littéralement explosé répandant une marre de sang là…) tandis que Firefox 1.5 tente de s’en sortir.

Acid2 Test – Génération Actuelle : Internet Explorer 7 / Firefox 2 / Safari 3.0 / Opera 9.26

Toujours sur le test Acid2, attaquons nous maintenant aux navigateurs que je nommerais de « Génération Actuelle », à savoir ceux encore utilisés massivement comparé aux nouvelles version attendues ou récemment sorties.

Acid2 Test – Internet Explorer 7	Acid2 Test – Firefox 2.0

Acid2 Test – Safari 3.0	Acid2 Test – Opera 9.26

Alors que l’on perçoit une très légère amélioration pour Internet Explorer et aucun changement pour Firefox 2, sans succès pour autant, on constate que Safari 3.0 et Opera 9.26 passent à merveille le test.

Acid2 Test – Nouvelle Génération : Internet Explorer 8 / Firefox 3 / Safari 3.1 / Opera 9.50

Bien que la version 3.1 de Safari soit déjà sortie en version finale depuis quelques jours, je l’inclus dans la « Nouvelle Génération » puisqu’elle sort à peu près dans la même période que ses concurrents : Internet Explorer 8, Firefox 3 et Opera 9.50.

Acid2 Test – Internet Explorer 8 Beta 1	Acid2 Test – Firefox 3.0 Beta 4

Acid2 Test – Safari 3.1	Acid2 Test – Opera 9.50 Beta

Microsoft annonçait qu’Internet Explorer 8 passait désormais avec succès le test Acid2, et bien on constate que ce n’est pas vrai du tout, même si c’est déjà beaucoup plus proche que les versions précédentes.

En ce qui concerne Firefox, Safari et Opera, plus de soucis à se faire, eux passent sans problème le fameux test.

Acid3 Test – Ancienne Génération : Internet Explorer 6 / Firefox 1.5

Passant maintenant au tout nouveau test.
Bien que les résultats du test Acid2 sur les navigateurs Ancienne Génération n’aient pas été concluants, il peut être tout de même amusant de leur faire passer le test Acid3, par curiosité

Acid3 Test – Internet Explorer 6 (12%)	Acid3 Test – Firefox 1.5 (51%)

Alors qu’Internet Explorer 6 s’en tire assez mal avec 12% de réussite, Firefox 1.5 sauve la mise avec tout de meme 51% de réussite.

Acid3 Test – Génération Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26

Au tour maintenant des navigateurs de la Génération Actuelle de passer le test avancé :

Acid2 Test – Internet Explorer 7 (12%)	Acid2 Test – Firefox 2.0 (52%)

Acid2 Test – Safari 3.0 (40%)	Acid2 Test – Opera 9.26 (46%)

Pas de grande différentes entre la génération précédente et celle-ci, Internet Explorer arrive au même score tout en affichant un résultat totalement différent (très fort ça), tandis que Firefox gagne qu’un point de plus par rapport à sa version précédente, mais reste le vainqueur des 4 navigateurs.

Acid3 Test – Nouvelle Génération : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50

Enfin, le test avancé à la génération…avancée :

Acid2 Test – Internet Explorer 8 Beta 1 (18%)	Acid2 Test – Firefox 3.0 Beta 4 (68%)

Acid2 Test – Safari 3.1	Acid2 Test – Opera 9.50 Beta

Pour Internet Explorer, c’est toujours aussi catastrophique, à peine 6 points de gagné, ce n’est pas ça qui va convaincre les développeurs de l’amélioration du navigateur. Mais laissons lui le temps, il n’en est qu’à sa beta 1.

Firefox est remonté, bien qu’il n’atteigne pas encore un score vraiment correct.

Opera a rattrappé son retard en arrivant quasiment au même score que Firefox 3.

Et enfin le gagnant, Safari 3.1, qui affiche un score nettement supérieur aux autres et vraiment correct, 75 / 100.

Bonus 1 : Emulateur Internet Explorer 7 sur Internet Explorer 8

Alors que le remplacement d’Internet Explorer 6 par Internet Explorer 7 était une horreur pour les développeurs devant travailler sur les 2 versions, Microsoft a eu la bonne idée d’intégrer dans Internet Explorer 8 un émulateur de la version 7.

Seulement voila, l’Acid2 Test donne le même résultat que la version « normale », autant l’Acid3 Test donne un score de 14/100 alors que la version « normale » obtient 2 points de moins. Mieux vaut rester sur les machines virtuelles comme pour Internet Explorer 6 finalement.

Bonus 2 : Safari Mobile

Bien que Apple persiste à dire que l’OS de son iPhone/iPod Touch est quasiment le même que celui pour les ordinateurs, tout comme Safari, ce n’est pas tout à fait vrai.

En effet, je me suis amusé à faire passer les tests Acid2 et Acid3 à Safari Mobile :

Acid2 : curieusement, le rendu n’est pas parfait contrairement aux version « classiques » de Safari.

Acid3 : là je n’ai pas pu faire de capture, le Safari Mobile du simulateur d’iPhone plante lors du test, tandis que le vrai navigateur affiche d’abord 27%, puis 39% lorsque l’on revient sur l’onglet.

A quoi s’attendre en 2008 sur le plan technique ?

Outre les nouvelles fonctionnalités dont pourront s’enrichir les nouveaux navigateurs, sur le plan technique, il y aura quelques nouveautés qu’ils vont tous adopter :

• la prise en charge d’HTML 5 et de ses nouvelles balises
• la prise en charge des Microformats (voir l’excellent article sur Eclaireur.net pour plus d’infos)
• l’utilisation et la synchronisation offline
• le support de la fonction « Back » (page précédente) en Ajax

Liens

Voici les liens vers les navigateurs et leurs différentes versions :

Firefox:

• version 1.5 stable (portable) / Windows
• version 2.0 stable / Windows – Mac – Linux
• version 3.0 Beta 4 / Windows – Mac – Linux

Internet Explorer:

• IE6, IE7 & IE8 App Compat VHD / Virtual PC 2007
• Internet Explorer 8 Beta 1 / Windows

Safari:

• Safari 3.1 / Mac – Windows

Opera:

• version 9.26 stable / Windows – Mac – Linux
• version 9.50 Beta / Windows – Mac – Linux

Enfin, si vous souhaitez tester Safari Mobile sans avoir de iPhone / iPod Touch, vous devez avoir un Mac et télécharger le SDK iPhone

Je ne m’intéressais pas vraiment à la Keynote d’Apple au WWDC 2007, n’étant pas vraiment un fan de la pomme (même si j’aime beaucoup leur style de design, et les ipod).

Mais je viens de voir l’info sur NeoBlog, le blog de Neovov : Safari sur Windows.

En effet, Steve Jobs a annoncé la compatibilité de Safari 3 sur Windows XP et Vista !

Voila une nouvelle qui va ravir tous les développeur web travaillant sous Windows, et qui n’auront plus à trouver un moyen pour tester leur travail sous Safari.

Le projet open-source Webkit

Pour information, le navigateur Safari est développé à partir du projet open-source Webkit.

Ce même projet a permis notamment de construire une partie du moteur de rendu HTML du navigateur KHML du projet KDE, disponible sur les distributions Linux.
Vous pouvez même développer votre propre navigateur, Apple vous aide ici.
Apple met également à disposition certaines ressources liées à Safari pour les développeurs, à cette adresse.

Le navigateur Swift

Au cas ou vous n’êtes pas convaincu par la version Windows de Safari, ou par la possibilité de faire votre propre navigateur avec Webkit, sachez que quelques développeurs se sont attelés à la tâche avec le navigateur Swift, le premier navigateur KHTML pour Windows 2000, XP et Vista.

Actuellement en version 0.2, il est encore trop instable pour être utilisé au quotidien, mais était assez efficace pour tester un site web sur le moteur de rendu de Safari.

Les alternatives « web-based »

Si vous ne connaissiez pas l’existence de Swift, vous avez surement du entendre parler des sites web permettant d’effectuer des captures d’écran sur un navigateur spécifique avec certaines options comme la résolution, l’activation du javascript ou du flash, ou encore la capture partielle ou complete de la page.

Le plus connu est (il me semble) BrowsrCamp.
Celui permet d’effectuer gratuitement une capture d’écran de votre site sous Safari, et ce en 5 résolutions possibles. BrowsrCamp permet aussi de faire des captures sur tous les navigateurs (exceptés IE) disponibles sous Mac OS X si vous souscrivez à la version payante.

Sinon il y a également Browsershots.org, qui permet de faire des captures sur de nombreux navigateurs tournant sous Windows, Linux et Mac OS, mais l’attente est très longue.

Et enfin vous avez iCapture qui permet lui aussi de faire des captures sous Safari.

La version BETA de Safari 3 pour Windows XP & Vista

A peine annoncé, Safari 3 est déjà disponible en version BETA à cette adresse :

http://www.apple.com/safari/

Bon l’ayant bien entendu installé, je peux vous dire que les versions BETA d’Apple sont semblables aux version BETA de Microsoft il y a quelques années. Autrement dit, c’est très instable ^^

En effet, un clic sur le bouton « nouvel onglet » me fait planter le navigateur sous Windows Vista.

Ensuite, concernant le moteur de rendu HTML sous Windows.

Voici déjà, un petit aperçu de la page d’accueil de mon site sur Safari 2.0.4 sur Mac (à part le petit bug du pied de page, tout semble aller très bien) :

Maintenant regardez le rendu de la même page sur Safari 3 Beta sous Windows :

Il y a donc encore pas mal de soucis à ce niveau là, mais c’est déjà assez prometteur, attendons de voir la version finale.

Mais bon, maintenant on comprend pourquoi les performances de Safari sur Windows XP en rendu HTML sont les meilleures, si il affiche que la moitié de la page…

Ca y est, la fameuse nouvelle version du célèbre navigateur Internet Explorer est disponible dans sa version 7.0 Finale en Français sur Windows Update. On notera d’ailleurs qu’il est indiqué en tant que « Windows Internet Explorer 7″ sur Windows Update, et non « Microsoft Internet Explorer 7″. « Windows Internet Explorer » étant le nom qui devait être réservé à la version d’IE pour Windows Vista. En lançant Windows Update, IE 7 vous sera proposé en mise à jour prioritaire. Donc pour ceux qui n’ont toujours pas réussi à passer du bon coté de la force, à savoir Firefox, effectuez cette mise à jour au plus vite. Voila une capture d’écran de la première étape de l’installation, qui résume assez bien les nouveautés d’IE. Il y a également un meilleur support du CSS (ou devrais-je un « moins mauvais »), et le support des png alpha, avec transparence.

Pour bénéficier de cette mise à jour, vous devez bien évidemment posséder une version authentique et légale de Windows XP SP2, et l’installation le vérifiera :

Ensuite, l’installation vous demandera si vous souhaitez télécharger automatiquement les mise à jour d’IE et celles de l’outil de suppression des logiciels malveillants. Enfin, il téléchargera les fichiers nécessaire à l’installation et aux mises à jour :

Une fois l’installation terminée (qui prend plusieurs minutes), il vous faudra redémarrer votre ordinateur pour que les mises à jour soient effectives.