Index

118 pages trouvées :

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 Vue 3D HTML, Tools
Depuis Firefox 47, la Vue 3D n'est plus disponible.
3 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.
4 about:debugging (before Firefox 68)
La page about:debugging vous fournit une place ou vous pouvez attacher les outils de développeurs de Firefox a un nombre de debugging targets. En ce moment, il soutien trois sortes principales de target: restartless add-ons, tabs, et workers.
5 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.
6 Simulation Accessibilité, DevTools, Guide, Inspecteur Accessibilié, Outils, Simulation, couleur
Le simulateur dans l'inspecteur de l'accessibilité des outils de développement de Firefox vous permet de voir à quoi ressemblerait une page web pour les utilisateurs souffrant de diverses formes de déficience de la perception des couleurs (« dyschromatopsie » plus connue sous le nom de « daltonisme »), ainsi que de perte de sensibilité au contraste.
7 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" :
8 Console JavaScript Browser, Debugging, Tools, Web Development, WebDevelopment:Tools
La Console du navigateur est au navigateur entier ce qu'est la Console Web à une page web.
9 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.
10 Débogueur Debugger, Debugging, Dev Tools, Firefox OS, Tools
QK4hKWmJVLo
11 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.
12 Comment faire… TopicStub
Ces articles décrivent comment utiliser le débogueur.
13 Accéder au débogage depuis un module complémentaire
Il est prévu de déprécier l'utilisation des techniques décrites dans ce document. Merci de ne pas développer de nouveaux modules complémentaires en utilisant ces techniques.
14 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.
15 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 Function.
16 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.
17 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 :
18 Mettre une source dans une boîte noire
Dans le développement web moderne, il est courant de s'appuyer sur des bibliothèques tels que jQuery, Ember, ou Angular, et 99% du temps on peut supposer qu'elles fonctionnent parfaitement. On ne se soucie alors pas de l'implémentation interne de ces librairies : on les considère comme des boites noires. Cependant l'abstraction des bibliothèques « cède » lors des sessions de débogage lorsqu'on est forcé de passer par des piles d'appels utilisant la bibliothèque pour accéder à son propre code. Avec le système de boite noire, il est possible d'indiquer au débogueur d'ignorer les détails des sources sélectionnées.
19 Ouvrir le Débogueur
Il y a deux façons d'ouvrir le Débogueur :
20 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 au format : "{ }[nom-original]".
21 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é :
22 Ajouter un point d'arrêt JavaScript, Tools
Il est possible de placer un point d'arrêt de trois façons différentes :
23 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.
24 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é.
25 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 :
26 Utiliser une cartographie de code source
Les sources JavaScript exécutées par le navigateur sont souvent différentes des sources originales crées par un développeur. Par exemple :
27 Raccourcis clavier
Ra
28 Set an XHR breakpoint
Un point d'arrêt XHR (XMLHttpRequest) interrompt l'exécution du code lorsqu'une requête XHR est envoyée afin de pouvoir examiner l'état du programme.
Pour activer ce point d'arrêt, il faut une fois le Débogueur ouvert :
29 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.
30 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 :
31 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.
32 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.
33 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é.
34 Pipette à couleur Firefox, Tools, Web Development:Tools
La pipette à couleur est unes des nouvautées de Firefox 31.
35 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.
36 Index Outils
No summary!
37 Lecteur JSON
Le Lecteur JSON est une des nouveautés de Firefox 44.
38 Raccourcis claviers Tools
Cette page liste tous les raccourcis clavier utilisés par les outils de développement intégrés à Firefox.
39 Measure a portion of the page
Nouveau dans Firefox 59.
40 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.
41 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" :
42 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" :
43 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.
44 Vue "Dominants"
La vue "Dominants" est une des nouveautés de Firefox 46.
45 Dominants

Cet article fournit une introduction aux concepts d'Accessibilité, de taille Objet et de taille Retenue, ainsi que des Dominants, et de comment ses concepts s'appliquent dans des langages à ramasse-miette (garbage-collector) comme le JavaScript.

Ces concepts sont importants pour l'analyse mémoire, car souvent, un objet peut être en lui même petit, mais contenir des références à des objets beaucoup plus gros et cela empêche le ramasse-miette de collecter ces objets et de libérer de la mémoire.

Il est possible de voir les dominants d'une page en utilisant la Vue "Dominants"  dans l'outil Mémoire.

46 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.
47 Vue carte proportionnelle
Cette vue est une des nouveautés de Firefox 48.
48 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.
49 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.
50 Analyse de performance réseau Debugging, Dev Tools, Firefox, Guide, Networking, Tools
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.
51 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.
52 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.
53 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.
54 Limitation de bande passante
Le moniteur réseau permet de limiter la bande passante réseau afin de simuler divers types de connexion.
55 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.
56 Inspecteur CSS, DOM, Développement Web, HTML, Outils, Styles
L'inspecteur sert à examiner et modifier l'HTML et le CSS d'une page web.
57 Mode 3 panneaux de l'Inspecteur
Cet article explique comment utiliser le mode 3 panneaux de l'Inspecteur.
58 Comment faire…
Cette page présente différents "Comment faire ?" pour l'Inspecteur, décrivant des techniques avancées.
59 Edition des filtres CSS
Les propriétés filter dans la vue Règles ont une icône ronde à fond gris/blanc : 
60 Examiner et modifier le CSS Guide, Inspector, tool
Il est possible d'examiner et d'éditer le CSS via le panneau CSS.
61 É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.
62 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-US)en surbrillance :
63 Examiner les écouteurs d'évènements Guide, Inspector, Tools
L'inspecteur affiche dans le panneau HTML le mot "event" à côté des éléments qui ont un écouteur lié :
64 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
65 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 :
66 Ouvrir l'inspecteur Guide, Inspecteur, Tools
Il y a deux façons principales d’ouvrir l'inspecteur :
67 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.
68 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.
69 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.
70 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 :
71 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 :
72 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 :
73 Visualiser les transformations Guide, Inspector, Tools
Survoler une propriété transform dans l'onglet des règles, fera apparaitre la transformation dans la page :
74 travailler avec les animations Guide, Inspecteur, Outils
Cet article couvre trois outils que vous pouvez utilisez pour visualiser et éditer des animations:
75 Inspecteur d'animations (Firefox 41 et 42)
L’inspecteur d'animations permet de :
76 Exemples d'animations
Exemples d'animations utilisant les transitions CSS.
77 Exemple d'inspecteur d'animations : Web Animations API
Exemple d'animation utilisant la Web Animations API.
78 Raccourcis Clavier
No summary!
79 Visite guidée de l'interface utilisateur
Cet article présente les trois grandes parties de l'interface utilisateur de l'inspecteur, à savoir :
80 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.
81 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é.
82 Allocations

La vue Allocations de l'outil Performance affiche quelles fonctions dans une page web allouent le plus de mémoire durant le profil.

C'est important pour la performance, car allouer beaucoup de mémoire ou faire beaucoup d'allocations peut activer le ramasse-miette (garabage collector). Celui-ci peut affecter la réactivité de la page.

83 Arbre d'appels

L'arbre d'appel permet de savoir dans quelles fonctions JavaScript le navigateur passe le plus de temps. En analysant ces résultats, il est possible de trouver les points noirs du code (les endroits ou le navigateur passe beaucoup trop de temps).

Ces points noirs sont les endroits où les optimisations auront le plus grand impact.

84 Exemples
Liste des pages de démos pour les scénarios de performances et walkthroughs.
85 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.
86 Flame Chart

Le Flame Chart affiche l'état de la pile JavaScript de votre code à chaque milliseconde durant le profil de performance.

Cela permet de savoir exactement quelle fonction s'est exécutée à un moment donné dans l’enregistrement, combien de temps elle a mis, et d'où elle a été appelée.

87 Frame rate

Le Frame rate est une unité de mesure de la réactivité des sites web en frames par seconde (fps). Un frame rate faible ou extrêmement variable peut donner l'impression qu'un site ne répond pas ou est de mauvaise qualité. Cela donne une mauvaise expérience utilisateur.

Un frame rate de 60fps est la cible idéale pour des performances fluides, cela donne un budget temps de 16.7ms pour effectuer tous les changements en réponse à un évènement.

Le graphique du frame rate dans l'outil Performance affiche le frame rate au cours de l'enregistrement. Cela donne une indication rapide d'où se situent les problèmes dans le site analysé, et permet d'utiliser d'autres outils pour une analyse plus approfondie.

88 Comment faire ?
Pour ouvrir l'outil Performance, il existe plusieurs possibilités :
89 Scénarios NeedsContent
Scénarios de performances
90 Animer des propriétés CSS

Le cout en performance des animations CSS peuvent varier d'une propriété à une autre, et animer des propriétés couteuses peut résulter en un ralentissement/blocage du navigateur (jank) tandis que le navigateur se débat pour obtenir un frame rate fluide.

Le Frame rate et la Chronologie peuvent fournir des renseignements sur les opérations que fait le navigateur lors d'une animation CSS, dans le but d'aider à diagnostiquer les problèmes de performances.

91 Intensive JavaScript

Par défaut, le navigateur n'utilise qu'un seul thread pour exécuter tout le JavaScript d'une page et pour effectuer les layout, reflows et garbage collections. Cela signifie que les fonctions JavaScript qui mettent trop de temps à s'exécuter peuvent bloquer le thread, empêchant ainsi à la page de répondre et donnant alors une mauvaise expérience utilisateur.

Il est possible d'utiliser les outils Frame rate et Chronologie pour repérer le code JavaScript qui cause des problèmes de performances, et pour mettre en évidence les fonctions qui demandent une attention particulière.

Dans cet article, nous prendrons un exemple d'un site où le JavaScript cause des problèmes de réactivité, et nous utiliserons deux approches différentes pour résoudre ce problème. La première approche est de fractionner les fonctions trop gourmandes en plusieurs morceaux et d'utiliser requestAnimationFrame pour planifier l'exécution de chaque morceau. La seconde approche est d'exécuter la fonction en entier dans un thread séparé en utilisant un web worker.

92 UI Tour
La plateforme d'outils se découpe en 4 parties principales :
93 Chronologie

La chronologie vous donne des indications sur les opérations qu'effectue le navigateur lorsqu'il fait tourner une page web ou une application. Cet outil se base sur l'idée que les opérations qu'effectue un navigateur peuvent être divisées en plusieurs types : exécution du JavaScript, mise à jour du layout, et ainsi de suite... Ainsi que l'idée qu'à n'importe quel point donné dans le temps, le navigateur effectue l'une ou l'autre de ces actions.

Donc, si vous voyez un problème de performance - une chute du frame rate par exemple - vous pouvez utiliser la chronologie pour voir ce que le navigateur faisait à ce moment de l'enregistrement.

94 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.
95 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.
96 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.
97 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.
98 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.
99 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).
100 Règles
Il est possible de superposer des règles verticales et horizontales dans une page web :
101 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 :
102 É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
103 Éditeur de Style CSS, Stylesheets, Tools, Web Development, Web Development:Tools
L'Éditeur de Style permet de :
104 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.
105 Astuces Dev Tools, Développement Web, Outils, outils de développement
Capture d'écran:
106 Boite à Outils Toolbox, Tools
La boîte à outils réunit la plupart des outils de développement intégrés à Firefox dans un seul endroit.
107 Validateurs Tools
Ce document liste les différentes ressources aidant les développeurs à valider leurs pages web.
108 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 :
109 Éditeur Web Audio Tools
Avec l'API Web Audio, les développeurs peuvent créer un AudioContext. Dans ce contexte, ils peuvent créer différents AudioNode comme :
110 Console Web Debugging, Guide, Security, Tools, Web Development, Web Development:Tools, web console
La Console Web :
111 Console messages
La majorité de la Console Web est occupée par le panneau d'affichage des messages :
112 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.
113 Raccourcis clavier
No summary!
114 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 :
115 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 (en-US). La boite à outils sera alors scindée, avec l'outil de base en haut et la console en dessous.
116 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. La Console a deux modes de saisie : mode ligne unique et mode éditeur multiligne.
117 Ouvrir la Console web
Pour ouvrir la Console web, il faut :
118 Travailler avec les iframes DevTools, Frames, Tools, debogueur, iframe, outils de développement
Il est possible d'assigner les outils de développement à un iframe spécifique à l’intérieur d'un document.