FirebugTutoriel
Le site officiel de Firebug a annoncé qu'il a cessé tout développement, toute mise à jour et toute maintenance de Firebug, invitant tout le monde à utiliser les outils intégrés de Firefox.DevTools。
Qu'est-ce que Firebug ?
Firebugest un outil de développement web open source.
Dans ce chapitre du tutoriel, nous aborderons les points suivants :
- Comment installer Firebug.
- Utiliser Firebug pour inspecter et modifier le HTML.
- Utiliser Firebug pour inspecter et modifier le CSS.
- Utiliser Firebug pour déboguer JavaScript.
- Exécuter dynamiquement du JavaScript dans Firebug.
- Utiliser Firebug pour journaliser JavaScript.
- Utilisez Firebug pour surveiller le réseau.
Installer Firebug
Adresse de téléchargement de Firebug : https://addons.mozilla.org/en-US/firefox/addon/1843/
Utilisez le navigateur Firefox pour visiter l'adresse de téléchargement ci-dessus. Une fois la page ouverte, cliquez sur le bouton de téléchargement, et une fenêtre contextuelle apparaîtra vous demandant le répertoire d'installation. Après l'installation, redémarrez votre navigateur Firefox.
Après le redémarrage, vous pouvez voir l'icône Firebug dans le navigateur Firefox. Cliquez sur l'icône Firebug (située dans le coin supérieur droit du navigateur Firefox) pour activer le plugin Firebug.
Composants Firebug
Options Firebug
Cliquez sur Inspect Element sur la page.
Annuler et Rétablir
Afficher la ligne de commande
Sélection du panneau
Console
Panneau HTML
Panneau CSS
Panneau Script
Panneau DOM
Panneau Réseau (utilisé pour tester et optimiser la vitesse des pages web)
Autres boutons
- 1 - Réduire Firebug.
- 2 - Installer Firebug dans la fenêtre du navigateur.
- 3 - Désactiver Firebug.