Comment fonctionnent les navigateurs : dans les coulisses des navigateurs Web modernes [Article]

Bovino · 26/02/2013, 13h58

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.

Citation:

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.

Julien Bodin · 28/02/2013, 21h17

Excellent travail ! C'est vraiment très intéressant.

Médinoc · 06/04/2013, 20h05

C'est vachement intéressant, mais j'aurais une question: Qu'est-ce qu'une déclaration "importante" dans les CSS?

Muchos · 07/04/2013, 01h30

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 - Visualiser dans une fenêtre à part

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>

Médinoc · 07/04/2013, 10h33

Merci.

28/02/2013, 21h17	#2
Julien Bodin Membre chevronné Julien Bodin Ingénieur développement logiciels Inscription : février 2009 Messages : 456 Détails du profil Informations personnelles : Nom : Julien Bodin Âge : 26 Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : février 2009 Messages : 456 Points : 757 Points : 757	Excellent travail ! C'est vraiment très intéressant.
	00

06/04/2013, 20h05	#3
Médinoc Expert Confirmé Sénior Développeur informatique Inscription : septembre 2005 Messages : 22 396 Détails du profil Informations personnelles : Sexe : Âge : 29 Localisation : France Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : septembre 2005 Messages : 22 396 Points : 32 049 Points : 32 049	C'est vachement intéressant, mais j'aurais une question: Qu'est-ce qu'une déclaration "importante" dans les CSS? __________________ SVP, pas de questions techniques par MP. Surtout si je ne vous ai jamais parlé avant. "Aw, come on, who would be so stupid as to insert a cast to make an error go away without actually fixing the error?" Apparently everyone. -- Raymond Chen. Traduction obligatoire: "Oh, voyons, qui serait assez stupide pour mettre un cast pour faire disparaitre un message d'erreur sans vraiment corriger l'erreur?" - Apparemment, tout le monde. -- Raymond Chen.
	00

07/04/2013, 10h33	#5
Médinoc Expert Confirmé Sénior Développeur informatique Inscription : septembre 2005 Messages : 22 396 Détails du profil Informations personnelles : Sexe : Âge : 29 Localisation : France Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : septembre 2005 Messages : 22 396 Points : 32 049 Points : 32 049	Merci. __________________ SVP, pas de questions techniques par MP. Surtout si je ne vous ai jamais parlé avant. "Aw, come on, who would be so stupid as to insert a cast to make an error go away without actually fixing the error?" Apparently everyone. -- Raymond Chen. Traduction obligatoire: "Oh, voyons, qui serait assez stupide pour mettre un cast pour faire disparaitre un message d'erreur sans vraiment corriger l'erreur?" - Apparemment, tout le monde. -- Raymond Chen.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email