Index

181 pages trouvées :

N°	Page	Étiquettes et résumé
1	Outils de développement Firefox	Développement Web, Développement Web:Outils, Firefox, Guide, Outils
		Examinez, modifiez et déboguez du HTML, des CSS et du JavaScript sur ordinateur ou sur mobile.
2	API du Debugger
		SpiderMonkey, le moteur JavaScript de Mozilla fournit une interface de débogage appelée Debugger. Cette interface permet à du code JavaScript d'observer et de manipuler l'exécution de code JavaScript. Les outils de développement de Firefox et le module complémentaire Firefbug utilisent Debugger pour implémenter leurs débogueurs JavaScript. Cependant, Debugger est très générale, et peut être utilisée pour implémenter d'autres sortes d'outils, par exemple des traceurs ou des analyseurs de protection.
3	Debugger
		Lors d'un appel au constructeur, l'objet Debugger crée une nouvelle instance de Debugger.
4	Debugger.Object
		Une instace de Debugger.Object représente un objet du code débugué, fournissant des méthodes orientés reflection pour pouvoir inspecter et modifier son référent. Les proprotétées du référent n'apparaisent pas directement en tant que propriétées de l'instance de Debugger.Object. Le débogueur peut accéder à ces propriétées uniquement en passant par des méthodes comme Debugger.Object.prototype.getOwnPropertyDescriptor et Debugger.Object.prototype.defineProperty, cela afin d'être sur que le débogueur n'invoquera pas par érreur des getters et setters du référent.
5	Tools/Debugger-API/Tutorial-Debugger-Statement
		No summary!
6	Tutoriel: Afficher les allocations par chemin d'appel	Debugger, Tools, Tutorial
		Cette page montre comment utiliser l'API du Debugger pour afficher combien d'objets une page web alloue, triés par le chemin d'appel qui les a alloués.
7	Affiche le Code source
		"Code source de la page" permet de visualiser le code HTML ou XML de la page. Pour activer cet outil, il faut :
8	Ajouter un nouveau panneau dans les outils de développement
		Écriture d'une extension qui rajoute un nouveau panneau aux outils de développement.
9	Ardoise JavaScript	Firefox, Tools, Web Development, Web Development:Tools
		L'ardoise JavaScript propose un environnement pour expérimenter avec du code JavaScript. Vous pouvez écrire du code qui interagit directement avec le contenu d'une page web.
10	Astuces	Dev Tools, Développement Web, Outils, outils de développement
		Capture d'écran:
11	Boite à Outils	Toolbox, Tools
		La boite à outils réunit la plupart des outils de développement intégrés à Firefox dans un seul endroit.
12	Boîte à outils du navigateur	Debug, Firefox, JavaScript
		La boite à outils du navigateur, permet de déboguer des modules complémentaires ainsi que le code JavaScript du navigateur lui-même, contrairement à la boite à outils normale qui ne fonctionne que pour les pages ordinaires. Ainsi, le contexte de la boite à outils du navigateur est le navigateur entier au lieu d'une simple page d'un seul onglet.
13	CSS Coverage
		Le CSS Coverage est un ensemble de commandes pour les outils de développement de Firefox qui aide à améliorer du CSS désordonné en mettant en évidence le CSS qui n'est pas "utilisé" et en indiquant les parties du fichier CSS nécessaires au rendu initial.
14	Console JavaScript	Browser, Debugging, Tools, Web Development, WebDevelopment:Tools
		No summary!
15	Console Web	Debugging, Guide, Security, Tools, Web Development, Web Development:Tools, web console
		La Console Web :
16	Console messages
		La majorité de la Console Web est occupée par le panneau d'affichage des messages :
17	Console scindée
		Il est possible (et très pratique) d'utiliser la Console web en parallèle d'autres outils. Il suffit pour cela d'être dans un autre outil de développement et d'appuyer sur Échap ou bien d'appuyer sur le bouton "Afficher la console scindée" dans le menu de la Barre d'outils. La boite à outils sera alors scindée, avec l'outil de base en haut et la console en dessous.
18	Fonctions d'aide de la Console Web	Debugging, Web Development, web console
		La ligne de commande JavaScript fournie par la Console Web, offre de nombreuses fonctions d'aide pour rendre certaines tâches plus simples.
19	Informations Détaillées
		Lorsque la console Web, affiche des objets, elle inclut un ensemble d'informations plus riche que juste le nom de l'objet. En particulier elle :
20	Interpreteur de ligne de commande
		Il est possible d'interpréter des expressions JavaScript en temps réel en utilisant l'interpréteur de ligne de commande fournie par la Console web.
21	Ouvrir la Console web
		Pour ouvrir la Console web, il faut :
22	Raccourcis clavier
		Ces raccourcis fonctionnent lorsque vous êtes dans al popup de l'interpréteur de ligne de commande.
23	Sortie personnalisée dans la Console Web	Console Web, Guide, Modules, Reference, Référence(2)
		Ce document décrit comment vous pouvez étendre et personnaliser la sortie de la Console Web et de la Console Javascript. Vous pourreez aussi apprendre comment étendre l'aperçu des objets que nous générons dans les consoles et dans l'Inspecteur d'Objet.
24	Contribuer	Correctif, DevTools, Développeurs, contribuer
		Voici un guide pour contribuer aux outils de développement (DevTools) de Firefox. Une vue d'ensemble de la démarche pour un contributeur ressemble à ceci :
25	Contributer sous Nightly
		Cette page décrit une une façon de contribuer aux Outils de développements de Firefox qui se veut simple et ne nécessite pas de devoir builder Firefox ni même d'avoir à configurer un environnement spécial.
26	Couleurs des DevTools	CSS
		Ce tableau liste les couleurs et les variables CSS tels qu'implémentées dans le thème sombre et clair de des outils de développement.
27	DevTools API
		L'API des outils de développements fournit une manière d'enregistrer et d'accéder aux outils de développement dans Firefox.
28	Débogage distant	Outils
		Il est possible d'utiliser les outils de développement de Firefox de votre ordinateur pour déboguer des sites et des applications web tournant dans d'autres navigateurs ou environnements d'exécution. Les autres navigateurs peuvent être sur le même appareil que les outils ou sur un appareil différent, tel qu'un téléphone connecté en USB.
29	Debugging Firefox OS over USB
		Ce guide explique comment connecter les outils de développement de Firefox à un appareil Firefox OS via USB
30	Débogage distant de Firefox pour Metro
		Cet article explique comment utiliser le débogage distant pour inspecter et coder des onglets exécutés dans l'application Firefox du nouveau Windows 8 "metro-style" en utilisant les outils de développement de Firefox Desktop.
31	Débogage distant de Thunderbird	Debug, Tutorial, thunderbird
		Ce guide décrit comment utiliser le débogage distant pour inspecter et déboguer du code dans Thunderbird.
32	Déboguer Chrome Desktop à distance
		Cet article explique comment connecter les outils de développement Firefox à Google Chrome si celui-ci est lancé sur l'ordinateur.
33	Déboguer Firefox Desktop	Debugging, Guide, Tools
		Ce guide explique comment utiliser des outils de développement de Firefox pour déboguer une instance différente de Firefox pour ordinateur tournant sur la même machine. Dans ce guide, l'instance de Firefox qui sera déboguée sera référencée sous l'appellation le débogué. tournant l’instance qui fait le débogage sera appelé le déboguant.
34	Déboguer Firefox OS via WiFi
		Cet article décrit comment connecter les outils de développement de Firefox à un appareil Firefox OS via WiFi.
35	Déboguer Firefox pour Android avec WebIDE	Debugging, Guide, Tools
		Cet article décrit comment connecter les Outils de développement de Firefox de Firefox pour Android à partir de Firefox 36.
36	Déboguer Firefox pour Android via USB	l10n:priority, remoteDebug
		Cet article décrit comment connecter les outils de développement de Firefox à Firefox pour Android à partir de la version 36 de Firefox. Pour se connecter via WiFi, voir la page correspondante.
37	Déboguer Firefox pour Android via WiFi
		Cet article décrit comment connecter les Outils de développement de Firefox de Firefox pour Android via WiFi. Bien qu'il est possible de connecter les outils via USB depuis un moment, il reste plus pratique et plus sûr de passer par le WiFi.
38	Remotely debugging Firefox <36 for Android	Not Translated
		This guide explains how to use remote debugging to inspect or debug code running in Firefox for Android over USB.
39	Débogueur	Debugger, Debugging, Dev Tools, Firefox OS, Tools
		Le débogueur peut fonctionner directement dans Firefox ou être utilisé à distance, par exemple sur un appareil Android utilisant Firefox pour Android. Voir le guide du débogage à distance pour apprendre à connecter le débogueur à une cible distante
40	Comment faire…	NeedsTranslation, TopicStub
		These articles describe how to use the debugger.
41	Accéder au débogage depuis un module complémentaire
		Les objets suivant sont accessibles dans le contexte de chrome://browser/content/debugger.xul (ou, en version beta 23,, chrome://browser/content/devtools/debugger.xul) :
42	Afficher en surbrillance et inspecter les nœuds DOM
		Si vous survolez un nœud DOM dans le panneau des variables, il sera affiché en surbrillance dans la page :
43	Ajouter un point d'arrêt	JavaScript, Tools
		Il est possible de placer un point d'arrêt de trois façons différentes :
44	Ajouter un point d’arrêt conditionnel
		Un point d'arrêt normal est juste associé à une ligne : lorsque le programme arrive à cette ligne, le Débogueur s'arrête. Un point d'arrêt conditionnel possède en plus une condition associée représentée par une expression. Dans ce cas, lorsque le programme arrive à la ligne du point d'arrêt, le Débogueur ne s'arrêtera que si l'expression est évaluée à true.
45	Ajouter une expression espionne
		Lors d'une rude séance de débogage, il est parfois utile d'espionner des expressions lorsque le code est en pause. Le Débogueur possède un panneau pour créer des expressions espionnes. Lors du parcours du code, ces expressions seront alors surveillées de près. Et chaque changement sera affiché.
46	Déboguer des sources évaluées
		Il est possible de déboguer du code JavaScript qui à été évalué dynamiquement, soit en étant passé sous forme de chaine de caractère à la fonction eval(), soit en étant passé sous forme de chaine caractère au constructeur d'une fonction.
47	Désactiver des point d'arrêts
		Pour désactiver un point d'arrêt spécifique, il suffit de décocher la case à cocher à côté du point d'arrêt dans la liste des points d'arrêt.
48	Examiner, modifier, et espionner des variables
		Quand le code s'est arrêté sur un point d'arrêt, il est possible d'examiner ses variables grâce au panneau des variables du débogueur :
49	Formater et indenter un fichier minifié
		Pour formater et indenter un fichier qui a été minifié, il faut cliquer sur cette icône :  dans le panneau des source. Le Débogueur formatera la source et l'affichera dans un nouveau fichier avec un nom du format : "[nom-original]:formatted".
50	Mettre une source dans une boîte noire
		Il est possible de mettre/enlever une source dans une boîte noire en sélectionnant la source dans le panneau de la liste des sources puis en cliquant sur l'icône en forme d'œil en bas à gauche :
51	Ouvrir le Débogueur
		Il y a trois façons d'ouvrir le Débogueur :
52	Parcourir le code
		Quand le code s'arrête sur un point d'arrêt, il est possible de le parcourir pas à pas en utilisant les quatre boutons de la barre d'outils :
53	Rechercher
		Pour rechercher un fichier en particulier, il faut utiliser le raccourci clavier Ctrl + P (ou Cmd + P sur Mac) puis écrire les termes de recherche. Le panneau des sources affichera une liste des fichiers. Il est possible d'utiliser les flèches haut et bas pour se déplacer dans la liste. La touche Entrée ouvre le fichier sélectionné :
54	S'arrêter sur les exceptions
		Pour que le Débogueur s'arrête sur les exceptions, Il faut cliquer sur ce bouton : dans la barre d'outils.
55	S’arrêter sur un évènement DOM
		Si vous écoutez un évènement DOM, Il est possible d'indiquer au débogueur de s'arrêter lorsque l'événement est lancé, sans avoir besoin de chercher l'écouteur et de mettre un point d'arrêt manuellement.
56	Utiliser une source map
		Les sources JavaScript exécutées par le navigateur sont souvent différentes des sources originales crées par un développeur. Par exemple :
57	Erreurs des source map
		Les Source maps sont des fichiers JSON permettant d'associer les sources transformées (minifiés, combinés, générées) lues par le navigateur, à leurs fichiers source originels. Il est parfois possible d'avoir des problèmes avec les sources map. Cette page présente les plus communs d'entre eux ainsi que des solutions pour les corriger.
58	Limitations of the new debugger
		À partir de la version 52, Firefox inclut un nouveau Débogueur. Celui-ci n'est actuellement activé par défaut que dans Firefox Nightly et Firefox Developer Edition. Le nouveau Débogueur est plus rapide et plus fiable que l'ancien. Il fournit également une base plus saine pour les futurs développements de l'outil.
59	Paramètres
		Le Débogueur a son propre menu de paramètres. Il est accessible depuis l’icône en forme d'engrenage dans la barre d'outils :
60	Raccourcis clavier
		Ra
61	Visite guidée de l'interface utilisateur
		Cet article est une visite guidée des principales sections de l'interface utilisateur du Débogueur JavaScript. Cette interface est séparée en trois panneaux :
62	Débogueur (avant Firefox 52)
		Le débogueur JavaScript permet d'avancer pas à pas dans du code JavaScript et de l’examiner ou de le modifier, afin de retrouver et de corriger les bugs.
63	Comment ?
		Ces articles décrivent comment se servir du Débogueur.
64	Access debugging in add-ons
		Les objets suivant sont accessibles dans le contexte de chrome://browser/content/debugger.xul (ou, en version beta 23,, chrome://browser/content/devtools/debugger.xul) :
65	Afficher en surbrillance et inspecter les nœuds DOM
		Si vous survolez un nœud DOM dans le panneau des variables, il sera affiché en surbrillance dans la page :
66	Ajouter un point d'arrêt
		Il existe différentes façons de placer un point d'arrêt dans du code JavaScript dans le Débogueur :
67	Ajouter un point d’arrêt conditionnel
68	Debug eval sources
		Il est possible de déboguer du code JavaScript qui à été évalué dynamiquement, soit en étant passé sous forme de chaine de caractères à la fonction eval(), soit en étant passé sous forme de chaine caractère au constructeur d'une fonction.
69	Désactiver des point d'arrêts
		Si vous utilisez Firefox 52 ou plus récent, et que vous avez besoin d'utiliser l'ancien Débogueur, il faut changer la préférence "devtools.debugger.new-debugger-frontend" à false dans about:config (page du navigateur).
70	Examiner, modifier, et espionner des variables
		Quand le code s'est arrêté sur un point d'arrêt, il est possible d'examiner ses variables grâce au panneau des variables du débogueur :
71	Formater et indenter un fichier minifié
		Pour formater et indenter un fichier qui a été minifié, il faut ouvrir le fichier minifié et cliquer sur l'icône en forme de paire d'accolades :
72	Mettre une source dans une boîte noire
		Il est possible de mettre/enlever une source dans une boîte noire en sélectionnant la source dans le panneau de la liste des sources puis en cliquant sur l'icône en forme d'œil en bas à gauche :
73	Ouvrir le Débogueur
		Pour ouvrir le Débogueur, il faut utiliser le bouton du menu Firefox (). Puis sélectionner "Développement web", et enfin sélectionner "Débogueur". Il est également possible d'utiliser le raccourci clavier :
74	Parcourir le code
		Quand le code s'arrête sur un point d'arrêt, il est possible de le parcourir pas à pas en utilisant les quatre boutons à gauche dans la barre d'outils :
75	Rechercher et filtrer
		Pour effectuer une recherche à l'intérieur du débogueur, il est possible d'utiliser le filtre de script de la barre d'outils :
76	S’arrêter sur un évènement DOM
		Si vous écoutez un évènement DOM, Il est possible d'indiquer au débogueur de s'arrêter lorsque l'événement est lancé, sans avoir besoin de chercher l'écouteur et de mettre un point d'arrêt manuellement.
77	Utiliser une source map
		Les sources JavaScript sont souvent combinées et minifiées afin d'optimiser le temps que met le serveur à les fournir. Il est également de plus en plus courant que les sources soient générées automatiquement en utilisant un langage comme CoffeeScript. En utilisant des source maps, le débogueur peut faire le lien entre le code étant exécuté et les fichiers sources originaux, rendant ainsi le débogage incroyablement plus facile.
78	Désactiver des point d'arrêts
		Si vous utilisez Firefox 52 ou plus récent, et que vous avez besoin d'utiliser l'ancien Débogueur, il faut changer la préférence "devtools.debugger.new-debugger-frontend" à false dans about:config (page du navigateur).
79	Paramètres
		Le Débogueur a son propre menu de paramètres. Il est accessible depuis l’icône en forme d'engrenage dans la barre d'outils :
80	Raccourcis clavier
		Commande Windows Mac OS X Linux Ouvrir le Débogueur Ctrl + Maj + S Cmd + Opt + S Ctrl + Maj + S Rechercher dans la source actuelle en utilisant le filtre de scripts Ctrl + F Cmd + F Ctrl + F Chercher le suivant dans la source actuelle Entrée / Flèche Haut Entrée / Flèche Haut Entrée / Flèche Haut Chercher le précédent dans la source actuelle Maj + Entrée / Flèche Bas Maj + Entrée / Flèche Bas Maj + Entrée / Flèche Bas Rechercher dans toutes les sources en utilisant le filtre de script Ctrl + Alt + F Cmd + Opt + F Ctrl + Alt + F Rechercher les scripts par nom Ctrl + P / Ctrl + O Cmd + P / Ctrl + O Ctrl + P / Ctrl + O Rechercher les définitions de fonctions Ctrl + D Cmd + D Ctrl + D Filtrer les variables lorsque l'exécution est suspendue Ctrl + Alt + V Cmd + Opt + V Ctrl + Alt + V Reprendre l'exécution depuis un point d'arrêt F8 F8 1 F8 Passer la fonction F10 F101 F10 Entrer dans la fonction F11 F11 1 F11 Sortir de la fonction Maj + F11 Maj + F11 1 Maj + F11 Activer/Désactiver un point d'arrêt sur la ligne sélectionnée Ctrl + B Cmd + B Ctrl + B Activer/Désactiver un point d'arrêt conditionnel sur la ligne sélectionnée Ctrl + Maj + B Cmd + Maj + B Ctrl + Maj + B Expression espionne depuis la sélection Ctrl + Maj + E Cmd + Maj + E Ctrl + Maj + E Aller à la ligne en utilisant le filtre de script Ctrl + L Cmd + L Ctrl + L Rechercher en utilisant le filtre de script Ctrl + O Cmd + O Ctrl + O Dans le panneau source, sauter à une définition de fonction  (depuis Firefox 44) Ctrl + clic Cmd + clic Ctrl + clic
81	Visite guidée de l'interface utilisateur
		Cet article est une visité guidée des principales sections de l'interface utilisateur du Débogueur JavaScript de Firefox. Cette interface est séparée en six sections principales :
82	Exemples de modules complémentaires
		Il est possible d'utiliser ces exemples pour comprendre comme implémenter un module complémentaire pour les outils de développement.
83	Frise chronologique	Gecko, Guide, Tools
		La frise chronologique suit à la trace les opérations réalisées par Gecko, le moteur du navigateur.Il faut aller dans les the devtools options des outils de developemment pour activer la frise chronologique.
84	Index	Outils
		181 pages trouvées :
85	Inspecteur	CSS, DOM, Développement Web, HTML, Outils, Styles
		L'inspecteur sert à examiner et modifier l'HTML et le CSS d'une page web.
86	Comment faire…
		Cette page présente différents "Comment faire ?" pour l'Inspecteur, décrivant des techniques avancées.
87	Edition des filtres CSS
		Les propriétés filter dans la vue Règles ont une icône ronde à fond gris/blanc :
88	Examiner et modifier le CSS	Guide, Inspector, tool
		Il est possible d'examiner et d'éditer le CSS via le panneau CSS.
89	Examiner et modifier le modèle de boîte	Guide, Tools
		En ayant le bouton de Sélection d'éléments activé, survoler un élément de la page aura pour effet d'afficher son modèle de boite en surbrillance :
90	Examiner les écouteurs d'évènements	Guide, Inspector, Tools
		Depuis Firefox 33, une icône "ev" apparait dans le panneau HTML à côté des éléments qui ont un écouteur lié :
91	Inspecter et sélectionner des couleurs
		Dans l'onglet "Règles" du panneau CSS, si une règle contient une valeur de couleur, un aperçu de cette couleur sera affiché à côté de la valeur :
92	Inspecteur de grille CSS : examiner les grilles
		L'inspecteur de grilles permet de trouver, d'examiner, et de modifier les grilles CSS en utilisant les outils de développement de Firefox
93	Ouvrir l'inspecteur	Guide, Inspecteur, Tools
		Il y a deux façons principales d’ouvrir l'inspecteur :
94	Prévisualiser des images de fond
		Dans l'onglet des règles, il est possible de prévisualiser les images spécifiées avec la propriété background-image. Il suffit de survoler cette règle :
95	Repositionner des éléments dans la page
		A partir de Firefox 48; il est possible de déplacer les élément positionnés en absolu en les glissant dans la page.
96	Sélectionner et mettre en surbrillance
		L'élément sélectionné est élément de la page ciblé par l'Inspecteur. Cet élément est affiché dans le panneau HTML et son CSS est affiché dans le panneau CSS.
97	Sélectionner un élément	Guide, Inspector, Tools
		L'élément sélectionné est l'élément de la page sélectionné dans l'Inspecteur. Il est affiché dans le panneau HTML et son CSS est affiché dans le panneau CSS.
98	Utiliser l'API de l'Inspecteur	Inspector, Reference, Référence(2), Tools
		Les modules complémentaires de Firefox peuvent accéder aux objets du contexte chrome://browser/content/devtools/inspector/inspector.xul suivants :
99	Utiliser l'Inspecteur depuis la Console Web	Guide, Inspector, Tools
		L'élément qui est sélectionné dans l'Inspecteur peut être référencé dans la Console Web en utilisant la variable $0 :
100	Visualiser les transformations	Guide, Inspector, Tools
		Survoler une propriété transform dans l'onglet des règles, fera apparaitre la transformation dans la page :
101	Voir les polices	Guide, Inspector, Tools
		This article provides a tour of the Font tools available in the Firefox DevTools. This tool contains several useful features for viewing and manipulating fonts applied to any document loaded in the browser including inspection of all fonts applied to the page, and precise adjustment of variable font axis values.
102	travailler avec les animations	Guide, Inspecteur, Outils
		Cet article couvre trois outils que vous pouvez utilisez pour visualiser et éditer des animations:
103	Exemple d'inspecteur d'animations : Web Animations API
		Exemple d'animation utilisant la Web Animations API.
104	Exemples d'animations
		Exemples d'animations utilisant les transitions CSS.
105	Inspecteur d'animations (Firefox 41 et 42)
		Dans Firefox 41 et 42, l’inspecteur d'animations permet de :
106	Éditer les formes CSS
		The Shape Path Editor is a tool to help you to see and edit shapes created using clip-path and also the CSS shape-outside property and <basic-shape> values. This guide walks you through all of the available options.
107	Éxaminer et modifier le code HTML	Guide, Inspector, Outils, Tools
		Il est possible d’examiner et d'éditer le code HTML d'une page grâce au panneau HTML.
108	Mode 3 panneaux de l'Inspecteur
		Cet article explique comment utiliser le mode 3 panneaux de l'Inspecteur.
109	Panneau HTML	HTML, Tools, Web Development, Web Development:Tools
		Le contenu de cette page à été transféré dans la section "Panneau HTML" de la visite guidée de l'Inspecteur.
110	Raccourcis Clavier
		Ces raccourcis fonctionnent lorsque le sélecteur de noeuds est actif.
111	Visite guidée de l'interface utilisateur
		Cet article présente les trois grandes parties de l'interface utilisateur de l'inspecteur, à savoir :
112	Inspecteur de l'accessibilité	Accessibilité, DevTools, Guide, Inspecteur Accessibilié, Outils
		L'inspecteur d'accessibilité permet d'accéder aux informations importantes exposées aux technologies d'assistance sur la page courante via l'arbre d'accessibilité. On peut ainsi de vérifier ce qui manque ou qui nécessite une attention particulière. Dans cet article, nous verrons les principales fonctionnalités de cet outil et comment les utiliser.
113	Inspecteur de stockage
		The Storage Inspector enables you to inspect various types of storage that a web page can use. Currently it can be used to inspect the following storage types:
114	Le Menu Développement
		Le menu "Développement" est le moyen principal d'accéder aux outils de développement qui sont intégrés à Firefox. Sous OS X et Linux, ce menu est un sous menu du menu "Outils" :
115	Lecteur JSON
		Firefox inclut un lecteur JSON. Lors de l'ouverture d'un fichier JSON ou d'une URL distante avec un Content-Type application/json, il est alors parsé et affiché avec coloration syntaxique. Les tableaux et les objets sont affichés réduits, et peuvent être étendus en cliquant sur les icônes "+".
116	Measure a portion of the page
		Nouveau dans Firefox 59.
117	Migrating from Firebug
		Pendant la migration de Firebug vers les outils de développement de Firefox, vous vous demanderez certainement ou sont vos fonctionnalités adorés. Et bien, cette liste est faite pour vous.
118	Modules complémentaires
		Il s'agit des outils de développement qui ne sont pas directement intégrés à Firefox, mais disponibles en tant que module complémentaire.
119	Inspecteur DOM	DOM, DOM:Tools, DOM_Inspector, Extensions, Extensions:Tools, Themes, Themes:Tools, Tools, Web Development, Web Development:Tools, XUL, XUL:Tools
		L'inspecteur DOM (également connu sous l'appellation DOMi) est un outil de Mozilla servant à inspecter, parcourir et modifier le modèle objet de document des documents - habituellement des pages Web ou des fenêtres XUL. Il est possible de naviguer dans la  hiérarchie DOM en utilisant une fenêtre à deux panneau qui permet une visibilitée du document et de tout les noeuds qu'il contient.
120	FAQ de l'Inspecteur DOM	DOM_Inspector
		Le menu "File" permet différentes manières d'inspecter un document :
121	Interieur de l'Inspecteur DOM
		Il ya trois parties principales dans l'Inspecteur DOM. La plus utilisée est l'interface utilisateur principale basée sur inspector.xul. il s'agit de l'Inspecteur à deux panneaux qui apparait au lancement de l'outil.
122	Introduction à l'Inspecteur DOM	DOM_Inspector
		L'Inspecteur DOM est une extension Mozilla qui est accéssible depuis le menu Tools > Web Development dans SeaMonkey, ou en sélectionant "DOM Inspector" depuis le menu Developpement web de Firefox ou Thunderbird. L'Inspecteur DOM est un programe standalone qui supporte toutes les applications toolkit, et il est également possible de l'inclure dans votre propre application XUL. L'Inspecteur DOM peut servir à vérifier la qualitée et l'état du DOM, ou peut être utilisé pour manipuler le DOM à la main si besoin est.
123	Moniteur Réseau	Debugging, Dev Tools, Firefox, Guide, Networking, Tools
		Le moniteur réseau affiche toutes les requêtes effectuées par Firefox (par exemple, au chargement d'une page ou lors de XMLHttpRequests). Le temps que prend chaque requête ainsi que ses détails seront également affichés.
124	Anyles de performances réseau
		Le Moniteur Réseau inclut un outil d'analyse de performances, pour vous aider à comprendre combien de temps le navigateur met pour télécharger les différentes parties de votre site. Pour lancer l'outil d'analyse de performances, cliquez sur l'icône chronomètre en bas de la barre d'outils du Moniteur :
125	Barres d'outils du Moniteur Réseau	110n:priority, Debugging, Dev Tools, Firefox, Guide, Networking, Tools
		Le moniteur Réseau fournit deux barres d'outils, l'une en haut de la fenêtre, l'autre en dessous.
126	Détails des requêtes réseau
		Le panneau du détail des requêtes réseau apparait après la sélection d'une requête dans la liste. Ce panneau fournit des informations détaillées sur la requête.
127	Enregistrement des journaux réseau
		Il est possible d’interrompre et de reprendre l'enregistrement des requêtes réseau grâce au bouton pause.
128	Limitation de bande passante
		Le moniteur réseau permet de limiter la bande passante réseau afin de simuler divers types de connexion.
129	Liste des requêtes réseau
		La Liste des requêtes réseau du Moniteur Réseau affiche une liste des requêtes faites dans la page depuis son chargement.
130	Mémoire	DevTools, Firefox, Mozilla, Tools, outils de développement
		L'outil Mémoire permet de prendre une capture de l'état actuel de la heap de la mémoire. Il fournit plusieurs manières de visualiser la heap. Cela permet de voir la taille mémoire que prennent les objets et les endroits exacts du code d'où la mémoire est allouée.
131	Capturer un instantané
		Pour prendre une capture de la heap, il faut cliquer sur le bouton "Capturer un instantané" ou cliquer sur l'icône en forme d'appareil photo en haut à gauche :
132	Comparer deux captures de la heap
		À partir de Firefox 45, il est possible d'afficher les différences entre deux captures. Le diff montre où la mémoire a été allouée et où elle a été libérée entre les deux captures.
133	Dominants
		Dans un langage comme JavaScript, les programmeurs n'ont généralement pas à se soucier de la gestion de la mémoire. Ils peuvent simplement créer des objets, les utiliser, et lorsque ceux-ci ne sont plus nécessaires, le runtime se charge de faire le nettoyage, et libère la mémoire que les objets utilisaient.
134	Exemple d'allocation DOM
		Cet article décrit une page web très simple qui sera utilisée pour illustrer certaines fonctionnalités de l'outil Mémoire.
135	Exemple d'allocation de monstres
		Cet article décrit une page web très simple que nous utilisons pour illustrer certaines fonctionnalités de l'outil Mémoire.
136	Opérations de base
		L'outil Mémoire n'est pas activé par défaut. Pour l'activer, il faut ouvrir et cocher la case "Mémoire" dans la catégorie "Outils de développement pas défaut" :
137	Ouvrir l'outil Mémoire
		Actuellement, l'outil Mémoire n'est pas activé par défaut, pour l'activer, il faut ouvrir les options des outils des développements (F12 puis cliquer sur l'icône en forme d'engrenage en haut à droite) et cocher l'option "Mémoire" dans la catégorie "Outils de développement par défaut" :
138	Vue "Agrégats"
		Avant Firefox 48 il s'agissait de la vue par défaut. Après Firefox 48, la vue "Carte proportionnelle" est la vue par défaut. Pour afficher la vue "Agrégats", il suffit de le sélectionner dans la liste déroulante "vue" :
139	Vue "Dominants"
		À partir de Firefox 46, l'outil Mémoire inclut une nouvelle vue nommée "Dominants". Celle-ci est utile pour comprendre la "Taille retenue" des objets d'un site : il s'agit de la taille des objets eux-mêmes ainsi que la taille des objets qu'ils gardent en vie par référence.
140	Vue carte proportionnelle
		La vue carte proportionnelle fournit une représentation visuelle d'une capture instantané de la mémoire. Cela aide à avoir rapidement une idée de quels objets occupent le plus de mémoire.
141	Notes de version
		No changes.
142	Options
		À partir de Firefox 62, l'icône pour afficher les options des outils de développement a été déplacé dans un menu accessible en cliquant sur les "..." tout à droite de la fenêtre :
143	Outil de mise en surbrillance des zones repeintes
		L'outil de mise en surbrillance des zones repeintes lorsqu’il est activé met en surbrillance les parties de la page que le navigateur doit repeindre en réponse à un changement. Par exemple, lorsque l'utilisateur fait défiler, certains blocs vont être repeints. Avec l'aide de cet outil, il est possible de savoir si votre site web cause plus de repaint qu'il ne devrait. C'est important, car les repaints peuvent être des opérations très couteuses. Ainsi, éliminer les repaints inutiles peut améliorer la réactivité de votre site web.
144	Performance
		L'outil Performance donne un aperçu de : la réactivité générale du site, la performance de son code JavaScript et de la performance du layout (disposition). Cet outil permet de réaliser un enregistrement (appelé profil) d'un site sur une période donnée. L'outil montre alors une vue d'ensemble des opérations que le navigateur a effectuées pour afficher le site durant le profil. Un graphique du frame rate lors du profil est également affiché.
145	Allocations
		Pour activer la vue Allocations, il faut activer l'option "Enregistrer les Allocations" dans les options de l'outil Performance, avant d'enregister un profil. Il faut ensuite enregistrer un profil, un nouvel onglet nommé "Allocations" apparaitra alors dans la barre d'outils :
146	Arbre d'appels
		L'arbre d'appel est un profileur par échantillons. Il prend périodiquement des échantillons de l'état du moteur JavaScript, et enregistre la pile pour le code s'exécutant dans ce moment. Statistiquement, le nombre d'échantillons dans lequel on exécute une fonction en particulier correspond au temps que le navigateur passe à l'exécuter. Il est alors possible de trouver les points noirs de votre code.
147	Chronologie
148	Comment faire ?
		Pour ouvrir l'outil Performance, il existe plusieurs possibilités :
149	Exemples
		Liste des pages de démos pour les scénarios de performances et walkthroughs.
150	Comparaison des algorithmes de tri
		Ce articlé décrit un programe simple qui est utilisé dans deux des guides de l'outil Performance : le guide pour l'arbre d'appel et le guide pour le diagramme de flamme.
151	Flame Chart
		L'Arbre d'appel et le Flame Chart sont tous deux utilisés pour analyser les performances du code JavaScript de pages web. Et ils utilisent tous deux les mêmes données : des échantillons de la pile du moteur JavaScript, pris périodiquement durant l'enregistrement.
152	Frame rate
		Le Frame rate est la vitesse à laquelle un appareil vidéo peut produire des images (frames). Cette unité est très utilisée dans les films ou les jeux vidéos, mais est maintenant utilisée couramment comme indicateur de performance pour les sites web et les applications web.
153	Scénarios	NeedsContent
		Scénarios de performances
154	Animer des propriétés CSS
		Avec les animations CSS, il est possible de spécifier un nombre keyframes, chacune de celle-ci utilisent du CSS pour définir l'apparence d'un élément à un moment donné de l'animation. Le navigateur crée l'animation comme étant une transition d'une keyframe à une autre.
155	Intensive JavaScript
		Si vous souhaitez expérimenter par vous même tout en lisant, le site web de démonstration est disponible ici.
156	UI Tour
		La plateforme d'outils se découpe en 4 parties principales :
157	Pipette à couleur	Firefox, Tools, Web Development:Tools
		La pipette à couleur vous permet de sélectionner des couleurs dans la page courante. Cela marche comme une loupe au-dessus de la page, vous permettant de sélectionner au pixel près. En dessous de la loupe, le code couleur du pixel courant est affiché sous le format choisi dans Options > Inspecteur > Unité par défaut pour les couleurs :
158	Raccourcis claviers	Tools
		Cette page liste tous les raccourcis clavier utilisés par les outils de développement intégrés à Firefox.
159	Règles
		Nouveauté de Firefox 40.
160	Simulateur Firefox OS
		Le Simulateur Firefox OS est une version des couches supérieures de Firefox OS qui permet de simuler le fonctionnement d'un appareil Firefox OS sur un ordinateur de bureau. Cela signifie que dans la plupart des cas, il n'est pas nécessaire d'avoir un véritable appareil pour tester et déboguer votre application. Il s'affiche dans une fenêtre de la même taille qu'un appareil Firefox OS, comprend l'interface utilisateur de Firefox OS et ses applications intégrées, et simule la plupart des APIs des appareils Firefox OS.
161	Taking screenshots	Outils
		Il est possible d'utiliser les outils de développement pour prendre une capture d'écran de la page entière, ou d'un unique élément de la page.
162	Travailler avec les iframes	DevTools, Frames, Tools, debogueur, iframe, outils de développement
		Depuis Firefox 34, il est possible d'assigner les outils de développement à un iframe spécifique à l’intérieur d'un document.
163	Valence (Firefox Tools Adapter)
		Valence (anciennement Firefox Tools Adapter) est un module expérimental qui permet aux outils de développement de Firefox de déboguer un plus grand éventail de navigateurs et plus uniquement les navigateurs Firefox, Firefox pour Android et Firefox OS.
164	Validateurs	Tools
		Ce document liste les différentes ressources aidant les développeurs à valider leurs pages web.
165	Visionneur de propriétés DOM	DOM, Tools, Web Development
		Le visionneur de propriétés DOM permet d'inspecter les propriétés DOM en tant qu'arbre extensible. Cet arbre commence à partir de l'objet window de la page actuelle ou de l'iframe sélectionné.
166	Vue 3D	HTML, Tools
		Quand vous cliquez sur le bouton "3D View", la page passe en mode de vue 3D. Dans ce mode, vous pouvez voir votre page présentée dans une vue 3D dans laquelle s'est emboîté les blocs de HTML sont de plus en plus "grands", projetant extérieurs du bas de page. Cette vue fait facile de visualiser la l'emboîtement de votre contenu.
167	Vue Adaptative (avant Firefox 52)
		La capture d’écran ci-dessous montre une page de la version mobile de Wikipédia, vue dans une zone de contenu de 320×480.
168	Vue adaptative	Firefox, Mobile, Responsive Design, Tools, Web Development
		Le responsive design (vue adaptative) est la pratique de concevoir un site web afin que celui-ci s'affiche correctement sur un grand nombre d'appareils différents. En particulier les mobiles et les tablettes, ainsi que les ordinateurs (portable ou de bureau).
169	WebIDE	Apps, Debugging, Firefox OS, Tools, WebIDE
		Avec WebIDE, il est possible de configurer un ou plusieurs environnements. Un environnement sert à lancer et déboguer une application. Un environnement peut être un appareil Firefox OS connecté à un ordinateur par USB (ou par Wi-Fi depuis Firefox 39), ou bien un Simulateur Firefox OS installé sur l'ordinateur même.
170	Créer et modifier des applications
		La barre sur la gauche de WebIDE permet de :
171	Exécuter et déboguer des applications
		Il faut tout d'abord sélectionner un environnement d'exécution dans la barre de droite. Si aucun environnement n'est présent, il est nécessaire de Paramétrer des environnements.
172	Le menu environements
		Une fois qu'un environnement est sélectionné, il est possible d'accéder aux options de l'environnement :
173	Mise en place des environnements
		Un environnement vous permet d'exécuter et de déboguer des applications. Un environnement peut être :
174	Monitor
175	Ouvrir WebIDE	WebIDE, opening
		Il y a trois moyens d'ouvrir WebIDE :
176	Travailler avec des applications Cordova dans WebIDE
		Apache Cordova permet d'écrire des application en utilisant HTML, JavaScript, et CSS, et ensuite de générer des applications natives pour les plate-formes mobiles tels que iOS ou Android. Avec Cordova, vous pouvez également générer une version de votre application pour Firefox OS.
177	WebIDE diagnostic de connexion
		Si vous essayez de vous connecter à une instance de Firefox tournant sous Android que l'instance ne s'affiche pas, voici quelques manipulations que vous pouvez essayer :
178	about:debugging
		The about:debugging page provides a single place from which you can attach the Firefox Developer Tools to a number of debugging targets. At the moment it supports three main sorts of targets: restartless add-ons, tabs, and workers.
179	Éditeur Web Audio	Tools
		Avec l'API Web Audio, les développeurs peuvent créer un contexte audio. Dans ce contexte, ils peuvent créer différents nœuds audio comme :
180	Éditeur de Shaders	Tools, Web Development
		L'Éditeur de Shaders permet de voir et d'éditer les vertex shaders et les fragments shaders utilisés par WebGL
181	Éditeur de Style	CSS, Stylesheets, Tools, Web Development, Web Development:Tools
		L'Éditeur de Style permet de :