Quels navigateurs utiliser pour la programmation HTML5 et CSS3? - les nuls

Le navigateur est l'outil principal du Web. Donc, pour la programmation HTML5 et CSS3, vous devriez avoir une connaissance pratique, car tous vos utilisateurs voient votre page avec un navigateur ou un autre.

Microsoft Internet Explorer 10

Microsoft Internet Explorer (IE) reste un acteur dominant sur Internet. L'explorateur est toujours extrêmement répandu parce qu'il est installé avec Microsoft Windows. Bien sûr, il fonctionne également exclusivement avec Microsoft Windows. Mac et Linux ne sont pas supportés.

La version 10 d'IE est enfin respectable pour les parties majeures de la norme HTML5. Si vous écrivez des pages en fonction de la version de HTML5, vous pouvez vous attendre à ce que votre page fonctionne correctement dans IE10. La plupart des fonctionnalités fonctionneront également dans IE9, mais pas toutes.

Anciennes versions d'Internet Explorer

Les versions antérieures d'Internet Explorer sont toujours extrêmement importantes, car un grand nombre d'ordinateurs n'ont pas encore 10 ordinateurs installés. La version 6 était l'acteur dominant sur Internet depuis un certain temps, et elle refuse de mourir. Cependant, il ne fonctionnera pas bien avec les normes modernes, il est donc considéré comme obsolète par la plupart des développeurs.

Mozilla Firefox

Firefox est une amélioration majeure sur IE du point de vue du programmeur, pour les raisons suivantes:

Meilleure vue de code: Si vous affichez le code HTML de une page, vous voyez le code dans une fenêtre spéciale. Le code a une coloration syntaxique, ce qui le rend facile à lire. Certaines versions de IE affichent du code dans le Bloc-notes, ce qui prête à confusion car vous pensez pouvoir modifier le code, mais vous ne faites que modifier une copie.
Mieux gérer les erreurs: Vous ferez des erreurs. En règle générale, Firefox fait un meilleur travail de signaler les erreurs que IE, surtout lorsque vous commencez à utiliser JavaScript et d'autres technologies avancées.
Excellentes extensions: Firefox a de merveilleuses extensions qui rendent le développement web beaucoup plus facile. Ces extensions vous permettent de modifier votre code à la volée, de valider automatiquement votre code et d'explorer la structure de votre page de manière dynamique.
Support multiplate-forme: IE fonctionne uniquement sur le système d'exploitation Windows, il n'est donc pas disponible pour les utilisateurs Mac ou Linux. Même si vous êtes un développeur Windows uniquement, vos utilisateurs peuvent utiliser autre chose, vous devez donc savoir comment les autres navigateurs voient les choses.

WebKit / Safari

Le navigateur par défaut pour Mac et le système d'exploitation iPhone / iPad (iOS) s'appelle Safari. C'est un navigateur puissant construit sur le moteur de rendu WebKit. Safari a été conçu en respectant les normes et la rapidité.Vos utilisateurs Mac et iOS utiliseront presque certainement Safari, vous devriez donc en savoir quelque chose. Chrome utilise également WebKit, donc si les choses semblent bonnes sur Chrome, vous êtes probablement d'accord avec vos utilisateurs Apple.

Google Chrome

Google voit l'avenir de l'informatique dans les applications basées sur navigateur utilisant les technologies AJAX. Le navigateur Chrome est extrêmement rapide, en particulier dans la technologie JavaScript qui sert de base à cette stratégie. En outre, Chrome propose un certain nombre de kits d'outils de développement qui en font le navigateur favori de nombreux développeurs Web. Voici les points saillants:

Édition de page en temps réel: Vous pouvez accéder à n'importe quelle page Web, faites un clic droit sur «inspecter cet élément» et modifiez le texte de cet élément en temps réel. Vous pouvez ensuite voir à quoi ressemble l'élément avec un nouveau contenu. Vous pouvez sélectionner une partie de la page pour voir quelle page correspond au code, et vous pouvez sélectionner le code et voir quelle partie de la page représente ce code.
Aperçu de la page: Une page Web bien conçue est créée sous forme de plan, avec divers éléments imbriqués les uns dans les autres. La vue des éléments vous permet de voir la page Web dans ce format, avec la possibilité de réduire et d'élargir les éléments pour voir clairement la structure de votre page.
Édition CSS en temps réel: Lorsque vous découvrirez comment appliquer des styles CSS, vous voudrez savoir comment les différentes règles CSS modifient votre page. Dans la vue Inspecter les éléments, vous pouvez mettre en évidence une partie de votre page et modifier le CSS tout en observant comment la modification affecte votre page en temps réel.
Onglet Réseau: Cette fonction vous permet d'examiner la durée de chargement de chaque élément de votre page. Cela peut être utile pour dépanner une page à chargement lent.
Vue Sources: Ceci vous permet de voir le code complet de votre page. C'est particulièrement utile lorsque vous arrivez à la programmation JavaScript car elle inclut une puissante suite de débogage.
Console: La console est un petit outil de ligne de commande intégré directement dans votre navigateur. Cela peut être très utile car il montre souvent des erreurs qui sont cachées à la vue. La console est plus utile lors de l'utilisation de JavaScript.

Autres navigateurs notables

Firefox et IE sont les grands acteurs du monde des navigateurs, mais ils ne sont certainement pas les seuls navigateurs que vous rencontrerez.

Opera

Le navigateur Web Opera, l'un des premiers navigateurs conformes aux normes, est un navigateur techniquement solide qui n'a jamais été largement utilisé. Si vous concevez vos pages en stricte conformité, les utilisateurs d'Opera n'ont aucun problème pour y accéder. Opera a une très bonne conformité HTML5. Beaucoup de consoles de jeux et d'appareils mobiles ont des navigateurs basés sur Opera, il vaut donc la peine d'y jeter un coup d'œil.

WebKit / Safari

Apple inclut un navigateur Web dans toutes les versions récentes de Mac OS. L'incarnation actuelle - Safari - est un excellent navigateur conforme aux normes. Safari a été conçu à l'origine pour le Mac, mais une version Windows est également disponible. Le framework WebKit, fondement de Safari, est utilisé dans un certain nombre d'autres applications en ligne, principalement sur Mac.Une version modifiée de Safari est la base des navigateurs sur iOS.

Navigateurs texte seulement

Certains navigateurs qui n'affichent aucun graphique (comme Lynx) sont destinés aux anciennes interfaces de ligne de commande. Bien qu'apparemment sans importance, ces navigateurs sont incroyablement rapides car ils n'affichent pas les graphiques. Les navigateurs auditifs lisent le contenu des pages Web. Ils étaient à l'origine destinés aux personnes ayant une déficience visuelle, mais les personnes sans handicap les utilisent souvent aussi. Fire Vox est une variante de Firefox qui lit les pages Web à haute voix.