Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Comment fonctionnent les navigateurs : dans les coulisses des navigateurs Web modernes
Un article de Tali Garsel traduit par l'équipe de developpez

Le , par Bovino

0PARTAGES

6  0 


L'équipe de developpez.com vous propose une traduction de l'article de Tali Garsel How Browsers Work: Behind the scenes of modern web browsers.

Cet abécédaire complet sur le fonctionnement interne de WebKit et Gecko est le résultat de beaucoup de recherches effectuées par Tali Garsiel, une développeuse israélienne. En quelques années, elle a examiné toutes les données publiées sur les fonctionnements internes du navigateur et a passé beaucoup de temps à lire le code source du navigateur Web.

En tant que développeur Web, apprendre le fonctionnement interne d'un navigateur vous aide à prendre de meilleures décisions et à comprendre les justifications derrière les bonnes pratiques de développement. Bien que ce document soit assez long, nous vous recommandons de passer un peu de temps à creuser dedans, nous vous garantissons que vous en serez heureux (Paul Irish, Chrome Developer Relations).
Je tiens à remercier Tali de nous avoir autorisé à traduire cet article, ainsi que tous ceux qui ont participé à cette traduction.

Comment fonctionnent les navigateurs : dans les coulisses des navigateurs Web modernes.

N'hésitez pas à poster à la suite vos commentaires et réflexions au sujet de cet article.

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de waldo2188
Membre régulier https://www.developpez.com
Le 10/03/2015 à 13:30
Bonjour,

Dans le paragraphe 2-2. Le flux principal il y a deux endroit où les guillemet sont vide.

L'information de style ainsi que des instructions visuelles dans le code HTML seront utilisées pour créer un autre arbre : « ».
Après la construction de l'arbre de rendu, il passe par un processus de « »
Bonne journée
1  0 
Avatar de Julien Bodin
Membre éclairé https://www.developpez.com
Le 28/02/2013 à 21:17
Excellent travail ! C'est vraiment très intéressant.
0  0 
Avatar de Médinoc
Expert éminent sénior https://www.developpez.com
Le 06/04/2013 à 20:05
C'est vachement intéressant, mais j'aurais une question: Qu'est-ce qu'une déclaration "importante" dans les CSS?
0  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 07/04/2013 à 1:30
Citation Envoyé par Médinoc
Qu'est-ce qu'une déclaration "importante" dans les CSS?

J'imagine que vous parlez de la déclaration !important.
Il s'agit du sélecteur css le plus élevé. Il est valide depuis css1, mais est à utiliser avec prudence, voire pas du tout selon certains intégrateurs.

Voici un exemple de sa "puissance" où il surpasse le style inline du document html :
Code html : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  
<!doctype html> 
<html lang="fr-FR"> 
<head> 
	<meta charset="UTF-8" /> 
	<title>Tester !important</title> 
	<style type="text/css"> 
p.foo { color: red; } 
p.bar { color: red !important; } 
        </style> 
</head> 
<body> 
	<p class="foo" style="color: blue;">sans !important</p> 
	<p class="bar" style="color: blue;">avec !important</p> 
</body> 
</html>
0  0 
Avatar de Médinoc
Expert éminent sénior https://www.developpez.com
Le 07/04/2013 à 10:33
Merci.
0  0 
Avatar de eilgin
Nouveau membre du Club https://www.developpez.com
Le 09/10/2013 à 20:16
Merci pour cette traduction mais attention aux bourdes sémantiques (graves) que vous faites...
Au hasard, dans le paragraphe 2-2, on peut lire :
Le moteur de rendu commencera à faire l'analyse du document HTML et activera les mots-clés aux nœuds de dans un arbre appelé « arbre de contenu »
ça n'a juste aucun sens !

Voici la version original :
The rendering engine will start parsing the HTML document and convert elements to DOM nodes in a tree called the "content tree"
Le document parle donc de l'analyse du contenu afin de créer l'arbre DOM correspondant à la page.
0  0