Quels navigateurs doivent-ils prendre en charge votre site Web?

Cet article fait partie d'une série d'articles créés en collaboration avec Siteground. Merci de soutenir les partenaires qui ont rendu le point de point possible.

Quels navigateurs devraient-ils prendre en charge les sites Web / applications? C'est une question que les clients et les développeurs posent souvent. La réponse simple est de répertorier les n applications traditionnelles supérieures. Mais cette stratégie est-elle devenue hors de propos?

Points clés

• La question de savoir quels navigateurs si un support de site Web n'est pas facile, cela dépend de divers facteurs tels que le public cible, le type de site Web et les ressources disponibles.
• Malgré toutes sortes de navigateurs, ils ont tous le même objectif: le rendu des pages Web. Cependant, aucun navigateur n'est rendu exactement de la même manière, ce qui conduit à des différences subtiles qui deviennent plus évidentes lors de l'utilisation de la technologie de pointe.
• La technologie d'amélioration progressive peut aider à garantir que le site Web fonctionne correctement dans chaque navigateur en établissant une ligne de base, puis en l'améliorant avec CSS et JavaScript lorsqu'il est pris en charge. Cependant, cela devient moins pratique pour les applications avec de riches interfaces personnalisées.
• Les développeurs devraient considérer le Web comme une plate-forme indépendante de l'appareil, adopter des techniques de développement défensives et tester leurs projets dans diverses applications. Ils doivent également être conscients que la technologie évolue et que des sites Web ou des applications plus complexes peuvent nécessiter une maintenance continue.

Quels sont les navigateurs les plus couramment utilisés?

Selon les statistiques de Mai 2017 de Statcounter, les dix meilleurs navigateurs de bureau sont: 1. Chrome - 59,37% de part de marché 2. Firefox - 12,76% 3. Safari - 10,55% 4. IE - 8,32% 5. Edge - 3,42% 6. Opéra - 1,99% 7. Android (tablette) - 1,24% 8. Yandex Browser-0,48% 9. UC Browser-0,41% 10. COC CoC - 0,33%

Les appareils mobiles représentent désormais 54,25% de toute l'utilisation de la page Web, nous devons donc également vérifier les dix meilleurs navigateurs mobiles: 1. Chrome - 49,23% 2. Safari - 17,73% 3. Browser-5.89% UC 4. Internet Samsung - 6,58% 5. Opéra - 5,03% 6. Android - 3,75% 7. Iemobile - 0,68% 8. BlackBerry - 0,26% 9. Edge - 0,15% 10. Nokia - 0,12%

Les statistiques mondiales ne racontent pas toute l'histoire: -Les modèles varient considérablement dans différentes régions. Yandex, par exemple, est le deuxième navigateur le plus utilisé en Russie (partage de 12,7%). SOGOU est le troisième navigateur le plus utilisé en Chine (6,5%). Opera Mobile / Mini a une part de 28% en Afrique.

• Les nouvelles versions du navigateur apparaissent régulièrement. Chrome, Firefox et Opera reçoivent des mises à jour toutes les six semaines;
• Le même navigateur peut fonctionner différemment sur différents appareils et systèmes d'exploitation. Chrome est disponible pour toutes les versions de Windows, MacOS, Linux, Android, iOS et Chromeos, mais ce n'est pas la même application nulle part.
• Sur une variété d'appareils, y compris des consoles de jeux, des lecteurs de livres électroniques et des téléviseurs intelligents, il existe de nombreuses et diverses versions anciennes, des navigateurs uniques et passionnants.
• Les données analytiques sur votre site Web ne correspondront jamais aux statistiques mondiales.

Le navigateur est-il si différent?

Bien qu'il existe de nombreuses applications, tous les navigateurs ont le même objectif: représentent une page Web . Ils utilisent un moteur de rendu pour y parvenir, et il y a des usages croisés: 1. Webkit est utilisé pour Safari sur MacOS et iOS. 2. Blink est une branche de WebKit, maintenant utilisée dans Chrome, Opera, Vivaldi et Brave. 3. Gecko est utilisé dans Firefox. 4. Trident est utilisé dans Internet Explorer. 5. Edgehtml est une version mise à jour de Trident pour une utilisation dans Edge.

La plupart des navigateurs utilisent l'un de ces moteurs. Ce sont des projets différents, avec différentes équipes, mais ces entreprises travaillent (principalement) ensemble via W3C pour s'assurer que les nouvelles technologies peuvent être adoptées par tous de la même manière. Les navigateurs sont plus proches que jamais, les applications smartphones modernes correspondant à leurs applications de bureau. Cependant, il n'y a pas deux navigateurs de la même manière. La plupart des différences sont subtiles, mais ces différences deviennent plus évidentes lorsque vous vous tournez vers la technologie de pointe. Une fonctionnalité particulière peut être entièrement implémentée dans un navigateur, partiellement implémenté dans un autre navigateur, et non dans d'autres navigateurs.

Mon site Web peut-il s'exécuter dans chaque navigateur?

Oui. Des technologies telles que l'amélioration progressive (PE) établissent une ligne de base (probablement HTML uniquement), puis l'améliorent en utilisant CSS et JavaScript lorsqu'ils sont pris en charge. Les derniers navigateurs peuvent obtenir des dispositions modernes, des effets d'animation et des widgets interactifs. Les navigateurs plus âgés peuvent n'obtenir que HTML qui n'est pas stylé. Tous les autres navigateurs obtiennent du contenu entre les deux. PE est parfait pour les sites Web et les applications de contenu avec des fonctionnalités de base basées sur des formulaires. Il devient moins pratique lorsque vous passez aux applications avec de riches interfaces personnalisées. Il est peu probable que votre nouvelle application de montage vidéo collaborative fonctionne dans IE7 il y a dix ans. Il peut ne pas fonctionner sur de petits appareils d'écran sur un réseau 3G. Peut-être qu'une autre interface pourrait être fournie, mais le résultat pourrait être une application séparée et maladroite que peu de gens aimeraient utiliser. Compte tenu de la taille de la base d'utilisateurs du navigateur hérité, le coût sera prohibitif.

Conseils du propriétaire du site

Les propriétaires de sites Web doivent comprendre les principes et contraintes de base suivants du Web. Le Web n'imprime pas! Votre site Web / application ne se ressemblera pas nulle part. Chaque appareil a un système d'exploitation, un navigateur, une taille d'écran, des fonctions, etc. Les fonctionnalités peuvent varier votre site Web peut fonctionner pour tout le monde, mais l'expérience et les installations varieront. Même quelque chose d'aussi basique que le champ d'entrée de date a plusieurs possibilités, mais idéalement, l'application de base restera opérationnelle. Évaluez votre projet pour être réaliste. Il s'agit d'un site Web de contenu, d'une application simple, d'une application de type ordinateur de bureau, d'un jeu rapide, et plus encore. Établir un niveau de base de compatibilité du navigateur. Par exemple, il doit fonctionner dans la plupart des navigateurs il y a deux ans, avec une largeur d'écran de 600 pixels, sur une connexion Wi-Fi rapide. Évaluez votre public et ne comptez pas sur les statistiques mondiales du navigateur. Quels sont les principaux utilisateurs? Sont-ils nouveaux ou des techniciens? Est-ce une personne, une petite entreprise ou une organisation gouvernementale? Sont-ils assis à leur bureau ou se promènent-ils? Aucune application ne fonctionne pour tout le monde - concentrez-vous d'abord sur les utilisateurs principaux. Vérifiez les données analytiques des systèmes existants dans la mesure du possible, mais comprenez les données sous-jacentes. Si votre application ne s'exécute pas dans Opera Mini, il est peu probable que vous ayez des utilisateurs d'Opera Mini. Avez-vous bloqué une grande partie du marché? Le changement se produit étonnamment, les pages Web écrites il y a vingt ans fonctionnent encore aujourd'hui. Il ne sera pas nécessairement joli ou disponible, mais le navigateur est toujours en arrière compatible. (La plupart des balises. <blink></blink> sont toujours invalides!) Cependant, la technologie évolue constamment. Plus votre site Web ou votre application est complexe, plus il est susceptible de nécessiter une maintenance continue.

Conseils du développeur Web

Tant que vous faites un peu attention, vous pouvez prendre en charge une variété de navigateurs. Embrassez le Web! Le Web est une plate-forme indépendante de l'appareil. Le contenu et une interface plus simple peuvent s'exécuter n'importe où: ordinateurs portables modernes, téléphones en fonctionnalité, consoles de jeu, IE6 et plus encore. Apprenez les bases de l'amélioration progressive. Même si vous choisissez de ne pas l'utiliser pour votre application complète, il y a encore des domaines de fonctionnalité où il deviendra inestimable. Utiliser des techniques de développement défensives pour considérer cela avant d'utiliser des modules, des bibliothèques ou des cadres récents récents. Avant de commencer, découvrez ce que signifie la technologie. Les cadres doivent fournir une liste de support du navigateur, car ils ont été testés dans un nombre limité d'applications. Découvrez les restrictions et les bizarreries du navigateur. Par exemple, si vous envisagez d'utiliser des graphiques SVG, notez qu'il peut sembler bizarre dans IE9 à 11 et échouera dans IE8 et ci-dessous. Cela ne signifie pas qu'un choix binaire doit être fait entre le rejet du SVG ou l'abandon du support IE. Il y a toujours des compromis qui ne provoqueront pas d'efforts de développement majeurs. Par exemple: - c'est bizarre d'accepter le rendu SVG, mais il est toujours disponible

• Afficher les tables de données uniquement dans IE ou
• Fournit des téléchargements SVG que les utilisateurs IE peuvent ouvrir ailleurs.

Testez tôt et le testez souvent, vous ne pouvez pas tester tous les appareils, mais il est futile de se développer pour un seul navigateur. Testez en continu votre projet dans diverses applications. Économiser des tests jusqu'à la fin aura des conséquences catastrophiques. Nous pouvons facilement blâmer les lacunes des outils et des navigateurs, mais si elle est détectée tôt, la plupart des problèmes peuvent être corrigés pendant le développement. Cela ne veut pas dire que chaque navigateur doit fonctionner exactement de la même manière à chaque fois. La régression fonctionnelle est inévitable. Par exemple: - Les applications Web progressives ne fonctionnent pas hors ligne sur iPhone et iPad - mais les opérations en ligne sont OK.

• IE ne prend pas en charge la grille CSS, mais les flottants, Flexbox ou le replacement en bloc complet devraient être acceptables.
• La version de bureau de Firefox n'affiche pas de calendrier pour le champ de date - mais les utilisateurs peuvent toujours saisir les dates.

Installez certains navigateurs sur votre PC de développement. Les utilisateurs de Mac et Linux peuvent obtenir des outils de test Microsoft Edge et IE sur Developer.microsoft.com/microsoft-edge/. Pour les utilisateurs de Windows et Linux, le test de safari est plus difficile; Les navigateurs modernes ont d'excellentes capacités d'émulation mobile, mais certains appareils réels peuvent être utilisés pour comprendre le contrôle tactile et les performances sur le matériel et les réseaux plus lents. L'utilisation de httpsweb dans votre terminal fait progressivement https le protocole préféré, et cette tendance se poursuivra. Google Chrome a même commencé à marquer les sites non-HTTPS en tant qu'insécurité, ce qui est une bonne raison pour vous de configurer votre site Web pour utiliser HTTPS. Par exemple, notre partenaire d'hébergement Web Siteground permet à leurs clients de migrer facilement vers HTTPS. Pour ce faire, ils ont automatiquement installé des certificats SSL pour tous les nouveaux comptes WordPress, et pour les comptes existants, ils passent à HTTPS en un seul clic.

Vous n'avez pas encore répondu à cette question!

Question "Quels navigateurs devriez-vous soutenir?" En supposant que votre réponse est juste "Chrome": - quels appareils et systèmes d'exploitation fonctionnent-t-il?

• Quelle gamme de tailles d'écran sera prise en charge?
• De quelle version parlez-vous? Dernier? Chrome 10 et plus?
• Que se passe-t-il lorsqu'une nouvelle version de Chrome est publiée?
• Qu'arrive-t-il aux autres navigateurs lorsque Chrome devient réellement l'exécution de votre application?

Pour les projets destinés aux clients, la fourniture d'une liste de support de navigateur est devenue peu pratique. La meilleure réponse pourrait être: "Nous développerons votre projet en fonction des statistiques utilisateur supposées, puis la testerons dans autant d'appareils, de systèmes d'exploitation, de navigateurs et de versions que possible en fonction des contraintes de budget et de temps". Même alors, vous manquerez l'ancien Blackberry sur lequel le PDG insiste. Pour le développement Web- pas le navigateur.

FAQ sur la prise en charge du navigateur du site Web (FAQ)

Quels sont les navigateurs Web les plus populaires qu'un site Web devrait prendre en charge?

Les navigateurs Web les plus populaires qu'un site Web devraient prendre en charge incluent Google Chrome, Mozilla Firefox, Safari, Microsoft Edge et Internet Explorer. Ces navigateurs couvrent la grande majorité des internautes. Cependant, les navigateurs spécifiques qu'un site Web devrait prendre en charge peut dépendre du public cible du site Web et de son navigateur préféré.

Comment déterminer les navigateurs que mon site Web devrait prendre en charge?

Vous pouvez déterminer quels navigateurs le site Web doit prendre en charge en analysant les données de trafic du site Web. Ces données peuvent montrer quels navigateurs utilisent le visiteur. Vous pouvez également considérer les navigateurs les plus populaires de votre public cible.

Pourquoi est-il important de prendre en charge plusieurs navigateurs?

La prise en charge de plusieurs navigateurs est importante car elle garantit que le plus grand nombre possible de utilisateurs peut accéder à votre site Web. Différents utilisateurs peuvent préférer différents navigateurs en raison de préférences personnelles, de compatibilité des appareils ou d'autres facteurs. En prenant en charge plusieurs navigateurs, vous pouvez fournir une expérience utilisateur positive à tous les visiteurs.

Comment tester la compatibilité de mon site Web avec différents navigateurs?

Vous pouvez utiliser une variété d'outils et de services pour tester la compatibilité de votre site Web avec différents navigateurs. Ces outils peuvent simuler l'apparence et la fonctionnalité de votre site Web sur différents navigateurs, vous aidant à identifier et à résoudre tout problème de compatibilité.

Quels sont les défis de soutenir les navigateurs plus âgés?

Soutenir les navigateurs hérités peut être difficile car ils peuvent ne pas prendre en charge les dernières technologies Web. Cela peut limiter les fonctionnalités et les fonctionnalités que vous pouvez offrir sur le site Web. De plus, le maintien de la compatibilité avec les navigateurs plus âgés peut nécessiter un temps et des ressources supplémentaires.

À quelle fréquence dois-je mettre à jour ma politique de support de navigateur?

Vous devez régulièrement mettre à jour vos politiques de support de navigateur pour suivre les modifications de l'utilisation et de la technologie du navigateur. Cela peut se produire tous les quelques mois, selon la rapidité avec laquelle votre industrie et votre public cible changent.

Qu'est-ce que l'amélioration progressive et comment cela se rapporte-t-il au support du navigateur?

L'amélioration progressive est une stratégie de conception Web qui commence par des fonctionnalités de base, puis ajoute des fonctionnalités plus avancées aux navigateurs qui les prennent en charge. Cette méthode garantit que votre site Web est accessible par tous les utilisateurs, quelles que soient les fonctionnalités de leur navigateur.

Quelle est la différence entre la prise en charge du navigateur mobile et la prise en charge du navigateur de bureau?

La prise en charge du navigateur mobile est différente de la prise en charge du navigateur de bureau à plusieurs aspects. Les navigateurs mobiles ont généralement des fonctionnalités et des limitations différentes par rapport aux navigateurs de bureau. De plus, les besoins et les attentes des utilisateurs mobiles peuvent différer, ce qui peut affecter votre stratégie de support.

Quels sont les problèmes communs de compatibilité des navigateurs? Comment résoudre ces problèmes?

Les problèmes de compatibilité courants du navigateur incluent les problèmes de mise en page, les problèmes de fonctionnalités et les différences de performances. Ces problèmes peuvent souvent être résolus en utilisant des outils de test de croisement, en suivant les meilleures pratiques de développement Web et en mettant régulièrement la mise à jour du code du site Web.

Comment s'assurer que mon site Web est toujours accessible aux utilisateurs utilisant des navigateurs plus anciens?

Vous pouvez vous assurer que votre site Web est toujours accessible par les utilisateurs utilisant des navigateurs plus anciens en utilisant des améliorations progressives, en fournissant des versions alternatives du site Web ou en fournissant des messages qui encouragent les utilisateurs à mettre à jour leurs navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!