Developpement web > Un firebug pour Safari

Posted by nicoss01 on 21 janvier 2009 in Mes Tutoriaux |

Tous les développeurs web (webmasters) on l’habitude de tester leurs créations sur différents navigateurs dont les 3 principaux : Firefox, Internet Explorer et Safari.
L’avantage de Firefox vient du fait que vous pouvez améliorer sont fonctionnement ou tout simplement vous faciliter la vie grâce à des extensions pour la plus part gratuites.
L’une d’entres elles, Firebug, permet d’analyser différents éléments d’une page, tel que le CSS, le javascript ou le chargement des différents composants de vos pages.
Ces fonctionnalités simples et puissantes permettent de « débuguer » rapidement un page en cours de création.
Pour ceux qui ne l’utilise pas je vous le conseille, il est disponible à l’adresse suivante : https://addons.mozilla.org/fr/firefox/downloads/file/44490/firebug-1.3.0-fx.xpi

Le seul problème de cet outil, est qu’il n’existe pas sur d’autres navigateurs comme IE ou safari

Solution Safari

Pour safari il y a un outil qui peut remplacer aisément Firebug, c’est l’inspecteur d’éléments intégré.
Par défaut, il n’est pas activé.
Pour l’activer sous Mac OS, il suffit de lancer un terminal et d’éxécuter la commande suivante :
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
Pour l’activer sous Windows il faut éditer le fichier C:\Documents and Settings\Administrator\Application Data\Apple Computer\Safari\WebKitPreferences.plist ou
C:\Users\nicolas\AppData\Roaming\Apple Computer\Safari\WebKitPreferences.plist suivant les versions de Windows
Ensuite il faut rajouter la ligne suivante avant la balise
WebKitDeveloperExtras

Rédémarrez ensuite Safari et vous obtiendrez avec un clic droit

Autres solutions

D’autres solutions existent comme le site http://getfirebug.com/index.html#install qui propose une alternative javascript à firebug assez performante.
Cet outil est compatible avec tous les navigateurs.

Voila pour Firebug, d’autres outils utiles pour le développement web seront présentés dans des prochains post.

Mots-clefs :, , ,

Laisser un commentaire