Comment les navigateurs affichent des pages web, et pourquoi ne pas ils regardent jamais la même chose?

Comme vous naviguez sur le Web, il est pas rare de tomber sur des sites qui semblent différentes d`un appareil à l`autre. Peut-être que certaines fonctionnalités ne fonctionnent pas du tout.

Souvent, ce n`est pas un problème avec le site. Il est votre navigateur. Les cinq principaux navigateurs de bureau utilisent quatre « moteurs de rendu » pour afficher une page Web - la nouveau navigateur Edge Microsoft pour Windows 10 présentera un cinquième - et chacun fonctionne différemment.Microsoft obtient Edge, 1 milliard d`appareils fonctionnant sous Windows 10, & Plus ... [Tech Digest Nouvelles]Microsoft obtient Edge, 1 milliard d`appareils fonctionnant sous Windows 10, & Plus ... [Tech Digest Nouvelles]Microsoft a l`avantage, Windows 10 est énorme, secret se ferme, incorporez jeux MS-DOS dans les tweets, de faire de l`argent Silencieuse Hills, et de regarder Michael Bay se montre par un cinéaste amateur.Lire la suite

Cela signifie que votre expérience du web peut changer en fonction du navigateur que vous utilisez, et même version de ce navigateur.

Qu`est-ce qu`un moteur de rendu?

Une page Web n`est pas une seule entité qui est téléchargée et affichée sur l`écran d`un pixel à la fois. Au contraire, il est essentiellement une série d`instructions écrites dans divers types de code - HTML, CSS, javascript, PHP et d`autres - qui indiquent au navigateur ce qu`il faut faire et où et comment le faire.Qu`est-ce que javascript, et l`Internet peut-elle exister sans elle?Qu`est-ce que javascript, et l`Internet peut-elle exister sans elle?javascript est l`une de ces choses que beaucoup tiennent pour acquis. Tout le monde utilise.Lire la suite

Chaque navigateur utilise un moteur de rendu, parfois aussi appelé moteur de mise en page, de prendre les informations de contenu et le style contenu dans le code et l`afficher à l`écran sous sa forme entièrement formaté.

Le problème est, il n`y a pas un seul moteur de rendu qui est utilisé dans tous les navigateurs. Et tandis que chaque langue est définie par une spécification détaillée, le moteur ne peut offrir une interprétation de cette spécification.

Video: C'est quoi un lead ? (5/365)

Avec CSS (le code qui fournit les informations de style) En particulier, aucun moteur produira exactement les mêmes résultats. Parfois, les différences ne peuvent se montent au pixel désaligné bizarre ici ou là, mais parfois ils peuvent être plus radicalement différents.CSSmatic: rapidement & Idéalement Créer CSS3 Stylesheets via plusieurs outils en ligneCSSmatic: rapidement & Idéalement Créer CSS3 Stylesheets via plusieurs outils en ligneLire la suite

Quels sont les navigateurs Utilisez quels moteurs

Il y a quatre principaux moteurs de rendu que les navigateurs les plus populaires utilisent.

• WebKit: un moteur open source utilisé par Safari sur Mac OS X et iOS, ainsi que de nombreux autres navigateurs sur les appareils mobiles, y compris le natif Android browser-
• Cligner: un moteur open source basé sur WebKit, il pouvoir Chrome, Opera, Amazon Silk et WebView Android (le navigateur qui ouvre les applications) -
• Gecko: un moteur open source développé par la Fondation Mozilla, il est utilisé par Firefox-
• Trident: un moteur propriétaire développé par Microsoft et utilisé dans Internet Explorer. Le navigateur Edge Microsoft utilisera une version plus récente appelée EdgeHTML.

Normes Web

L`écart entre les différents moteurs de rendu est beaucoup plus faible qu`elle ne l`était quand Internet Explorer est le navigateur dominant.Internet Explorer fait un grand retour en 2015?Internet Explorer fait un grand retour en 2015?Microsoft n`a plus à offrir aux utilisateurs de Windows UE un choix de navigateurs. De plus, Microsoft travaille sur un nouveau navigateur. Néanmoins, nous allons vous montrer comment installer votre navigateur préféré sans toucher IE.Lire la suite

Des tests tels que Acid3 montrent la précision d`un navigateur rend une page, et la plupart des navigateurs modernes obtiennent un score élevé. Cependant conforme aux normes est une tâche extrêmement complexe.

Les spécifications HTML, CSS et d`autres sont énormes. De nouveaux éléments sont plus ajouta, sont inutilisés ou éliminer progressivement les obsolètes. Il peut prendre beaucoup de temps pour les moteurs de rendu pour refléter ces changements.

Certains éléments du HTML5 et spécifications CSS ne sont toujours pas pris en charge par un navigateur grand public, certains pris en charge que partiellement, tandis que d`autres sont toujours pris en charge par certains navigateurs, mais pas tous.

Video: Des vikings au Canada (Feat. Il était une fois) - Nota Bene #18

Le site html5test.com vous permet de tester votre navigateur et la version spécifique que vous utilisez, pour voir comment il prend en charge les fonctions officielles et expérimentales de HTML5. Au moment de l`écriture, se classe comme Chrome meilleur des principaux navigateurs, avec Internet Explorer (v11) le classement le plus bas.Quel est le navigateur Web est le plus sécurisé?Quel est le navigateur Web est le plus sécurisé?Quel navigateur est le plus sûr? Que devriez-vous installer pour vous assurer que votre expérience de navigation est en sécurité? Que pouvez-vous faire pour vous assurer que votre navigateur est existant aussi sûr que possible?Lire la suite

Si un développeur Web utilise une fonctionnalité qui est pris en charge dans un navigateur, mais pas un autre, le navigateur non pris en charge doit soit s`installer sur un proche équivalent ou d`ignorer la fonction tout à fait (une boîte transparente pourrait être rendue par exemple non-transparent,).

Cela rend le travail de rendu des pages web beaucoup plus complexe qu`il n`y paraît. Un navigateur qui est mis à jour plus fréquemment est susceptible d`être plus conforme aux normes que celui qui n`est pas, comme cela est mis en évidence par les mises à jour automatiques Chrome régulièrement mises à jour par rapport aux IE beaucoup plus rares.

Et il y a d`autres facteurs en jeu, aussi.

• Bugs dans le moteur: Un moteur de rendu est un logiciel, et tous les logiciels contient des bugs. Bien que les bugs critiques seront trouvés et annula rapidement, il est impossible de garantir qu`une combinaison spécifique de code sur une page Web ne produira pas des résultats inattendus lors du rendu
• Bugs dans la page web: Les navigateurs ont un certain niveau de tolérance d`erreur intégrée, mais cela diffère d`un moteur à l`autre. Une page web avec des erreurs dans le code peut encore rendre parfaitement dans un navigateur, mais être horriblement brisée dans un autre
• polices: Le mode d`affichage des polices de caractères ne sont pas pris en charge par le navigateur, mais par le système d`exploitation. Windows et OS X polices différemment rendu, même si la même police dans le même navigateur peut sembler différent lorsqu`elles sont affichées sur différentes plates-formes
• Héritage: Les navigateurs adoptent souvent de nouvelles fonctionnalités, en particulier pour les CSS, avant de faire partie de la spécification officielle. Si la mise en œuvre de la fonction change quand elle est adoptée, le développeur du navigateur doit décider d`adopter le changement et le risque de rupture de compatibilité avec des milliers de sites Web conçus pour l`ancienne version, ou ignorer la nouvelle version entièrement
• Caractéristiques exclusives: Certains navigateurs peuvent utiliser des technologies propriétaires qui ne sont pas disponibles ailleurs. Ce fut le plus célèbre vu avec le cadre ActiveX de Microsoft dans Internet Explorer, bien que la société ne sera pas l`utiliser dans le nouveau navigateur de Microsoft bord

Emballer

Avec tant de questions en jeu, il est pas surprenant que les différences dans les navigateurs gèrent manière pages Web persistent.

La situation s`améliore, mais il est peu susceptible d`être entièrement résolu. Il serait utile que tout le monde a couru la dernière version de leur navigateur choisi, mais avec l`ancien Internet Explorer six ans 8 en maintenant une 4,5 pour cent des parts de marché, ce qui est loin.

Quel navigateur utilisez-vous, et gardez-vous à jour? Avez-vous trouvé des sites Web qui ne fonctionnent pas dans votre navigateur choisi? Faites le nous savoir dans les commentaires.