Share
Les navigateurs sont les fenêtres par lesquelles le monde voit notre travail. Il est donc sage de les écouter et de les comprendre. Malheureusement, les navigateurs et la technologie Web peuvent changer à un rythme rapide - cet article vous mettra à jour et vous présentera un instantané du marché des navigateurs tel qu'il existe actuellement..
Même si nous pouvons en gémir, nous devons faire face aux nombreuses bizarreries et incohérences qui existent entre les navigateurs dans la vie quotidienne des concepteurs et des développeurs Web. Ce problème particulier existe depuis un certain temps et il est probable qu'il persistera encore pendant de nombreuses années. Il est donc essentiel que les concepteurs et les développeurs Web se tiennent au courant des derniers développements en matière de navigateur afin de produire les sites Web les plus efficaces..
Il peut être difficile de suivre la situation actuelle des navigateurs. Il existe cinq principaux navigateurs, chacun ayant plusieurs versions ainsi que des mises à jour fréquentes. Ajoutez à cela le fait qu'ils ont tous des niveaux de prise en charge différents pour les différentes fonctionnalités de CSS3 et HTML5 et que tout cela peut devenir un peu écrasant. Cet article tentera d’établir l’état actuel du marché des navigateurs. Commençons.
L'image ci-dessous montre les numéros de version actuels de chacun des cinq principaux navigateurs au moment de la rédaction. Vous remarquerez peut-être que le navigateur le plus récent, Google Chrome, a un numéro de version beaucoup plus élevé qu’Internet Explorer, qui existe depuis bien plus longtemps. Cela tient au cycle de publication de six semaines de Google, qui met à jour le navigateur et le numéro de version à chaque fois. À l'opposé, nous avons les mises à jour traditionnellement lentes d'Internet Explorer, qui ont attendu cinq ans avant de passer de IE6 à IE7..
Microsoft accélère toutefois le rythme de publication avec les dernières versions d’IE. Seulement deux années se sont écoulées entre IE8 et IE9 et Microsoft a officiellement annoncé IE10 un mois seulement après la sortie de IE9. Firefox a emboîté le pas, mettant également en œuvre un cycle de publication de six semaines, et on parle même de le réduire à toutes les cinq semaines..
Il y a eu des critiques sur de telles versions de versions courtes. Certains ont suggéré qu'avec peu ou pas de mises à jour de fonctionnalités majeures entre les versions, les numéros de version ne sont plus pertinents. Des allégations ont également été faites selon lesquelles cela ne laisse pas assez de temps pour éliminer les bugs et les erreurs avant la publication..
Du point de vue des concepteurs et des développeurs Web, des cycles de publication plus rapides devraient généralement être une bonne chose. IE6 a été autorisé à stagner et, associé à son énorme part de marché, a pesé lourd sur la communauté des concepteurs de sites Web. Les navigateurs modernes se font désormais concurrence pour prendre en charge les technologies Web émergentes. Les dernières fonctionnalités de HTML5 et CSS3 peuvent être adoptées et mises en œuvre plus rapidement, accélérant ainsi les progrès vers la standardisation complète.
Il est toujours intéressant de consulter les dernières statistiques d'utilisation du navigateur, ne serait-ce que pour savoir si IE6 s'est enfin éteint (pas encore, malheureusement). Il peut être très instructif de savoir comment les utilisateurs consultent Internet. Cependant, différentes sources d’information peuvent brosser un tableau très différent de la situation actuelle. À titre d'exemple, examinons les données d'utilisation du navigateur provenant de deux sources différentes..
 |  |  |  |  | |
| w3schools | 38,7% | 4,2% | 32,3% | 21,7% | 2,4% |
| StatCounter | 26,39% | 5,93% | 25% | 40,18% | 1,81% |
Les chiffres représentent les données collectées pour le mois d'octobre 2011 (les chiffres de novembre ne sont pas encore disponibles pour des raisons évidentes). Les statistiques de W3Schools nous feraient croire que toutes les versions d’IE ne représentent que 21,7% de l’utilisation totale du navigateur, soit moins que Chrome et Firefox. Comparez cela aux données de StatCounter, ce qui suggère qu'Internet Explorer commande toujours la majorité du partage à plus de 40%..
Le problème est que la nature d'un site Web faussera quelque peu les résultats. Prenons ce site Web, par exemple, les utilisateurs sont (espérons-le) doués pour le Web et utiliseront probablement un navigateur très récent, mis à jour et moderne. Il en va de même pour les chiffres de W3Schools, car leurs fichiers sources proviennent de leurs propres fichiers journaux. Ils le signalent eux-mêmes:
W3Schools est un site Web destiné aux personnes intéressées par les technologies Web. Ces personnes sont plus intéressées par l'utilisation de navigateurs alternatifs que l'utilisateur moyen. L'utilisateur moyen a tendance à utiliser le navigateur qui est préinstallé avec son ordinateur et ne cherche pas d'autres alternatives de navigateur..
Il convient de garder cela à l'esprit lors de la visualisation de telles données. Les statistiques dérivées de votre propre analyse de site Web seront toujours plus pertinentes et utiles. Malgré cela, les statistiques mondiales peuvent toujours s'avérer utiles et les données peuvent souvent révéler les tendances et les tendances actuelles. Le graphique ci-dessous, tiré de StatCounter, illustre l'utilisation proportionnelle du navigateur au cours de la dernière année:
Il ressort du graphique ci-dessus que Chrome a gagné du terrain au cours de la dernière année, principalement aux dépens d'Internet Explorer et de Firefox, alors que Safari et Opera sont restés à un niveau relativement constant. Bien qu'Internet Explorer ait perdu du terrain, il semblerait qu'il soit toujours considéré comme le navigateur le plus utilisé.
Passons maintenant à l'utilisation de la version globale du navigateur de ce mois-ci (novembre 2011)..
Il a été mentionné précédemment dans cet article que les développeurs de navigateurs semblent viser des cycles de publication plus courts, six semaines seulement dans le cas de Chrome et de Firefox. Bien que des cycles de publication plus courts semblent être un bon choix, ils ne sont efficaces que si les utilisateurs choisissent de mettre à niveau vers la dernière version. Si l'utilisation est faible, les utilisateurs risquent de ne pas être éparpillés dans plusieurs versions du même navigateur, le tout avec différents niveaux de support et de fonctionnalités..
Chrome a principalement résolu ce problème en mettant en œuvre une fonctionnalité de mise à jour automatique, sans l'autorisation de l'utilisateur. L'effet de ceci peut être vu sur le graphique ci-dessus. La version la plus récente de Chrome, 15, n’est sortie que le 25 octobre, mais a déjà quasiment entièrement remplacé Chrome 14..
Firefox n'est pas encore au stade des mises à jour automatiques, mais invite néanmoins fortement l'utilisateur à effectuer la mise à niveau dès le lancement du navigateur. Firefox 8 n'a été publié que plus tôt ce mois-ci, mais un grand nombre d'utilisateurs ont déjà basculé. La majorité de leurs utilisateurs utilisent la version 7, mais il en reste encore un nombre significatif utilisant la version 3.6, publiée il y a près de deux ans. Mozilla prévoit d'implémenter les mises à jour silencieuses avec la version 10 de Firefox.
… Rendant IE9 incompatible avec Windows XP, le système d'exploitation le plus utilisé au monde.
Malheureusement, Internet Explorer a toujours eu de gros problèmes pour amener les utilisateurs à mettre à jour. Internet Explorer 9 est disponible depuis un certain temps déjà, mais il reste encore beaucoup d’utilisateurs sur les versions 8, 7 et même 6. Microsoft ne semble pas aider la situation, cependant, en rendant IE9 incompatible avec Windows XP, le logiciel le plus utilisé au monde. système opérateur. Cette stratégie continuera également avec IE10, ce qui nécessitera Windows 7 et supérieur..
Le grand nombre de personnes utilisant encore IE8 peut être une source de préoccupation pour les concepteurs et les développeurs Web. Selon les graphiques ci-dessus, Internet Explorer 8 reste le navigateur le plus utilisé, mais ne fournit que très peu de prise en charge de la majorité des fonctionnalités CSS3 et HTML5. CSS3 et HTML5 sont bien pris en charge par les navigateurs les plus récents (comme nous le verrons ci-dessous), mais la popularité de IE8 signifie que des feuilles de style et des solutions de rechange seront toujours nécessaires dans un avenir proche..
Avec la sortie d'IE9 plus tôt cette année, cela signifie maintenant que les dernières versions des cinq principaux navigateurs prennent en charge certains niveaux de CSS3. Bien que les versions précédentes des navigateurs doivent encore être prises en compte, il s'agit d'un pas important dans la bonne direction et d'une bonne nouvelle pour les concepteurs et les développeurs Web. Il convient toutefois de rappeler que CSS3 est toujours en développement et que différents navigateurs prennent en charge différents niveaux de prise en charge de diverses fonctionnalités de CSS3. Certaines fonctionnalités sont bien prises en charge alors que d'autres ne le sont pas et vous devrez peut-être utiliser des préfixes de fournisseur tels que -moz-, -webkit- et -o-.
Examinons de plus près la situation actuelle de certaines des fonctionnalités les plus populaires de CSS3..
Premièrement, certains éléments de CSS3 sont très bien supportés. Les sélecteurs CSS3, par exemple, bénéficient d'un bon support depuis un certain temps et sont récemment devenus une recommandation officielle du W3C maintenant qu'ils ont été mis en œuvre par tous les navigateurs modernes..
Il y a aussi d'autres éléments de CSS3 que vous pouvez utiliser en toute confiance maintenant. Les couleurs CSS3 telles que RGBA et HSLA ont été les premiers éléments de CSS3 à devenir une recommandation officielle et sont prises en charge par tous les navigateurs modernes. Voici quelques autres propriétés CSS3 supportées par tous les navigateurs modernes..
| | | | | |
| Version | 8 | 5.1 | 15 | 9 | 11.5 |
| RGBA | ? | ? | ? | ? | ? |
| HSLA | ? | ? | ? | ? | ? |
| BG multiple | ? | ? | ? | ? | ? |
| Rayon de la frontière | ? | ? | ? | ? | ? |
| Boîte ombre | ? | ? | ? | ? | ? |
| Opacité | ? | ? | ? | ? | ? |
| Se transforme | ? | ? | ? | ? | ? |
| Police-face | ? | ? | ? | ? | ? |
| Questions sur les médias | ? | ? | ? | ? | ? |
Bien sûr, il existe encore de nombreuses propriétés de CSS3 qui ne sont pas si largement supportées. Bien que IE9 de Microsoft prenne en charge CSS3, ils jouent encore au rattrapage, car ils ne prennent pas en charge de nombreuses propriétés des autres navigateurs. Ils semblent travailler sur cela cependant, avec beaucoup plus de propriétés définies pour être supportées dans IE10. Voici un tableau montrant différents niveaux de prise en charge d'autres propriétés CSS3.
| | | | | |
| Version | 8 | 5.1 | 15 | 9 | 11.5 |
| Animations | ? | ? | ? | ? | ? |
| Les transitions | ? | ? | ? | ? | ? |
| Réflexions | ? | ? | ? | ? | ? |
| Transformations 3D | ? | ? | ? | ? | ? |
| Image de la frontière | ? | ? | ? | ? | ? |
| Ombre de texte | ? | ? | ? | ? | ? |
HTML5 se trouve à peu près dans la même situation que CSS3 en ce sens qu'il est toujours en développement et prend donc en charge différents niveaux de support selon les navigateurs. Tout comme avec CSS3, certaines fonctionnalités sont universellement prises en charge, telles que Canvas, tandis que d'autres ne disposent d'aucune assistance..
Voici le support du navigateur pour une gamme d'éléments HTML5.
| | | | | |
| Version | 8 | 5.1 | 15 | 9 | 11.5 |
| Toile | ? | ? | ? | ? | ? |
| SVG | ? | ? | ? | ? | ? |
| Espace archivage sur le Web | ? | ? | ? | ? | ? |
| Drag & Drop | ? | ? | ? | ? | ? |
| Toucher | ? | ? | ? | ? | ? |
| Travailleurs Web | ? | ? | ? | ? | ? |
| Emplacement géographique | ? | ? | ? | ? | ? |
| Web Sockets | ? | ? | ? | ? | ? |
| IndexDB | ? | ? | ? | ? | ? |
L'audio et la vidéo HTML5 étaient très attendus et ont fait l'objet de nombreuses discussions depuis son annonce. Apple est l'un des partisans les plus fervents de la vidéo HTML5: Apple se prépare à abandonner le support de Flash et à en faire le lecteur vidéo de choix sur tous ses appareils mobiles. Il semblerait qu'Apple ait réussi, Adobe ayant récemment annoncé son intention d'interrompre le développement de Flash pour les appareils mobiles. Cette initiative ouvre la voie au support et au développement de la vidéo HTML5..
Certains grands sites Web de services vidéo ont également expérimenté la vidéo HTML5, notamment YouTube, Vimeo et DailyMotion. Il faudra toutefois attendre un certain temps avant de procéder à une commutation complète sur un site Web de partage de vidéos de grande taille. Le manque de codecs audio et vidéo standard est l’un des principaux obstacles au passage à HTML5. Actuellement, aucun codec audio ou vidéo n'est pris en charge par les cinq navigateurs modernes..
Les formulaires HTML5 offrent des fonctionnalités intéressantes, telles que la validation et de nouveaux types de saisie. La prise en charge de ces nouvelles fonctionnalités de formulaire semble varier beaucoup d’un navigateur à l’autre. Opera est un exemple assez éloigné, supportant presque toutes les nouvelles fonctionnalités, tandis que IE9 n'en supporte quasiment aucune. Il convient toutefois de noter que bon nombre de ces nouvelles fonctionnalités se dégradent avec élégance dans les anciens navigateurs..
Treize nouveaux types d’entrée ont été introduits dans les formulaires HTML5. Malheureusement, seuls cinq d’entre eux sont actuellement pris en charge par les navigateurs..
| | | | | |
| Version | 8 | 5.1 | 15 | 9 | 11.5 |
| Chercher | ? | ? | ? | ? | ? |
| Téléphone | ? | ? | ? | ? | ? |
| URL | ? | ? | ? | ? | ? |
| Intervalle | ? | ? | ? | ? | ? |
| ? | ? | ? | ? | ? |
De nombreux nouveaux attributs de formulaire ont également été introduits, qui semblent se porter beaucoup mieux en termes de support. Voici le support pour quelques uns des nouveaux attributs de formulaire.
| | | | | |
| Version | 8 | 5.1 | 15 | 9 | 11.5 |
| Espace réservé | ? | ? | ? | ? | ? |
| Autofocus | ? | ? | ? | ? | ? |
| Autocomplete | ? | ? | ? | ? | ? |
| liste | ? | ? | ? | ? | ? |
| Champs obligatoires | ? | ? | ? | ? | ? |
La validation de formulaire HTML5 est une fonctionnalité très intéressante. Traditionnellement, la validation de formulaire côté client a été implémentée à l'aide de Javascript, ce qui peut poser des problèmes si l'utilisateur a désactivé Javascript. La validation de formulaire HTML5 a le potentiel de remplacer la validation Javascript dans les navigateurs modernes lorsqu'elle est pleinement opérationnelle.
Malheureusement, ce n’est pas encore le cas. Les versions récentes de Chrome, Opera et Firefox prennent toutes en charge la validation de formulaire HTML5. Safari 5 sous Windows prend également en charge la validation HTML5, mais étrangement, il ne le fait pas sous OSX..
Tout au long de cet article, nous nous sommes principalement concentrés sur les navigateurs de bureau, mais, comme nous le savons tous, la navigation mobile gagne en popularité. Pour cette raison, il vaut la peine de jeter un coup d’œil sur les tendances et les développements du navigateur mobile..
Le graphique ci-dessus présente les statistiques d'utilisation du navigateur mobile pour ce mois-ci (novembre 2011). Il semblerait qu’il n’existe pas de navigateur dominant unique, Android, iPhone et la version mobile d’Opera détenant une part de marché très similaire. Les navigateurs Nokia et Blackberry ont également un nombre considérable d'utilisateurs.
Pour les besoins de cet article, nous allons nous concentrer sur les trois principaux navigateurs mobiles et donner un aperçu de chacun d'eux..
Avec plus d'appareils mobiles choisissant d'utiliser le système d'exploitation Android, le navigateur Android a lentement augmenté sa part de marché au cours de la dernière année..
Le navigateur Android par défaut est basé sur le moteur WebKit, le même moteur utilisé par Chrome et Safari. Comme vous vous en doutez, il supporte assez bien CSS3 et HTML5 à partir de la version 2.0. La version 4.0 d'Android (Ice Cream Sandwich) inclut la prise en charge de fonctionnalités telles que les transformations 3D SVG et CSS3 sur les navigateurs de smartphones..
Il a été laissé entendre que Google remplacera le navigateur Web Android intégré par son navigateur Chrome de plus en plus populaire dans les futures versions du système d'exploitation Android..
L’une des fonctionnalités les plus intéressantes de l’iPhone est l’expérience de navigation offerte par Safari pour iOS. Safari sur iOS 5 ne semble pas être différent non plus, avec des fonctionnalités telles que Reading List, Reader et une navigation plus rapide sur le Web..
Safari sur iOS5 offre l'un des meilleurs supports actuellement disponibles pour HTML5 et CSS3. La dernière version a amélioré la prise en charge des fonctionnalités HTML5 telles que Web Workers et de nouveaux types de saisie..
Nous avons déjà traité les formulaires HTML5 plus haut dans cet article, mais c’est sur iPhone que ces nouvelles fonctionnalités de formulaire brillent vraiment. En réalité, l'iPhone modifie le clavier à l'écran en fonction du type d'entrée. Vous pouvez vous attendre à la même chose des nouveaux types d’entrée pris en charge, notamment la date, le mois et l’heure..
Même si Opera n’exploite peut-être pas très bien les navigateurs de bureau, il compense en cela sous sa forme mobile. L'une des raisons pour lesquelles Opera se débrouille si bien sur les mobiles est que le chargement des pages Web est très rapide. Opera utilise une fonctionnalité appelée Turbo, qui compresse d’abord les sites Web sur un serveur avant de les diffuser sur votre téléphone, ce qui accélère considérablement le chargement..
Opera mobile est actuellement à la version 11 et à l'instar de son homologue de bureau, et offre un excellent support pour CSS3 et HTML5.
Comme indiqué au début de cet article, il peut être difficile de suivre l'évolution des navigateurs, en particulier avec les nouveaux cycles de publication plus courts. J'espère que cet article vous a fourni une image actualisée de la situation actuelle. J'espère également que cela constituera un point de référence utile à l'avenir. Merci d'avoir lu :)
Accentsconagua