- Vous êtes ici: Accéder au Wiki GeoRezo » Accueil : Wiki GeoRezo » Les logiciels en géomatique » OpenLayers » Firebug : Comment débugguer OpenLayers ?
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
|
main:logiciels:openlayers:firebug [2009/06/04 13:45] Yves créée |
main:logiciels:openlayers:firebug [2009/06/05 09:30] (Version actuelle) Robin |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ====== Comment débuguer OpenLayers ? ====== | + | ====== Firebug : Comment débugguer OpenLayers ? ====== |
| FireBug est un petit utilitaire qui s'installe soit sous forme d'extension à Firefox soit sous forme d'une bibliothèque JavaScript pour les navigateurs de Microsoft (Internet Explorer). | FireBug est un petit utilitaire qui s'installe soit sous forme d'extension à Firefox soit sous forme d'une bibliothèque JavaScript pour les navigateurs de Microsoft (Internet Explorer). | ||
| Ligne 11: | Ligne 11: | ||
| ==== Console ==== | ==== Console ==== | ||
| - | Premier onglet de l'outil Firebug. Il permet de visualiser les erreurs JavaScript et les requêtes AJAX lancé par votre code. Vous pouvez ainsi les ouvrir dans un nouvel onglet si votre requête utilise un mode GET pour récupérer les paramètres. | + | Premier onglet de l'outil Firebug. Il permet de visualiser les erreurs JavaScript et les requêtes AJAX lancées par votre code. Vous pouvez ainsi les ouvrir dans un nouvel onglet si votre requête utilise le mode GET pour récupérer les paramètres. Vous pouvez également visualiser la réponse renvoyé par la requête AJAX. |
| + | |||
| + | Le bouton //inspecter// permet après avoir cliquer sur un objet de la page (par exemple sur une tuile d'OpenLayers) de visualiser le code HTML sous-jascent. Ceci est pratique pour retrouver du code HTML dans une page importante et donc la mise en page n'est pas structuré lisiblement. | ||
| + | |||
| + | {{ :main:logiciels:firebug_inspecter.jpg |}} | ||
| ==== HTML ==== | ==== HTML ==== | ||
| + | |||
| + | Cette partie permet de "lire" le code HTML renvoyé par le serveur mais également le code modifié par le code JavaScript. Si vous tentez d'ouvrir les sources de la page directement par votre navigateur, vous ne verrez pas le code HTML ajouté par le code JavaScript. Ceci est le cas du code d'OpenLayers ! | ||
| ==== CSS ==== | ==== CSS ==== | ||
| Ligne 19: | Ligne 26: | ||
| ==== DOM ==== | ==== DOM ==== | ||
| + | Cet onglet est un des plus intéressants avec l'onglet console car il permet de vérifier qu'OpenLayers a bien chargé les objets qu'on lui a passé. Notamment les couches ou les données pour les objets vectoriels. Bref il est possible de lire et de se déplacer dans la hiérarchie des objets d'OpenLayers. | ||
| ==== Réseau ==== | ==== Réseau ==== | ||
| Ligne 24: | Ligne 32: | ||
| ===== Limite d'utilisation ===== | ===== Limite d'utilisation ===== | ||
| + | Il est parfois utile de désactiver Firebug car il peut ralentir l'exécution du code JavaScript ou bien, pire, poser problème en le faisant planter. | ||
