Fiche méthode 10
Fiches techniques
Exclusivité numérique

Outils de développement des navigateurs

Téléchargez la
Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.

A
Outil de développement

Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.

L'outil de développement, accessible sur les navigateurs, est essentiel pour suivre et comprendre le fonctionnement de l'interprétation des langages du Web. Son accès diffère selon les navigateurs mais de manière générale, on peut effectuer la commande « Ctrl + Shift + I » sous Windows ou « Command + Option + I » sous MacOS pour l'ouvrir.

Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.

B
Présentation des moniteurs

Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.

Sur Mozilla Firefox, une fois l'outil de développement ouvert, il est possible de voir et de modifier les codes HTML et CSS de la page Web ouverte.
Présentation des moniteurs
Il est également possible de voir les requêtes et les réponses échangées avec le serveur lors du chargement d'une page en utilisant l'onglet « Réseau ».
Présentation des moniteurs
Sur les navigateurs Chrome, Edge et Brave, l'interface est globalement identique. On peut également voir et modifier les codes HTML et CSS, et visualiser la mise en forme d'une page.
Présentation des moniteurs
Comme sur Mozilla Firefox, on peut également voir les requêtes et les réponses avec le serveur échangées lors du chargement d'une page dans l'onglet « Network » ou « Réseau ».
Présentation des moniteurs

Une erreur sur la page ? Une idée à proposer ?

Nos manuels sont collaboratifs, n'hésitez pas à nous en faire part.

j'ai une idée !

Oups, une coquille

Utilisation des cookies
Lors de votre navigation sur ce site, des cookies nécessaires au bon fonctionnement et exemptés de consentement sont déposés.