Quel inspecteur de page utilisez-vous principalement ?

Dans la grande période de Firefox, ça donnait l'impression que la majorité des intégrateurs web utilisaient Firebug sous Firefox.

Depuis, le navigateur Chrome est plus utilisé que Firefox. Page Inspector inclus dans Firefox est de plus en plus ergonomique. Suffisamment d'éléments pour nous laisser penser que le paysage a pu changer.

J'ai essayé de trouver si Google pouvait indiquer un changement dans les usages des professionnels, mais ça n'est pas le cas. Du coup, je me suis dit que le sujet méritait de lancer un petit sondage sur les différents concurrents :

- Firebug sous Firefox : https://addons.mozilla.org/fr/firefox/addon/firebug/
- Web Inspector de Webkit (Chrome, Safari, Opera). Sur Chrome : https://developer.chrome.com/devtools
- Page Inspector de Firefox : https://www.mozilla.org/en-US/firefox/developer/
- Firebug Lite via bookmarklet sous un autre navigateur : https://getfirebug.com/firebuglite
- Outils de développement d'Internet Explorer : http://msdn.microsoft.com/fr-fr/library/cc817576.aspx

N'hésitez pas à ajouter en complément de votre vote une réponse pour indiquer ce que vous trouvez de mieux dans l'outil que vous utilisez.
Modifié par 7am (13 Nov 2014 - 14:40)

Raphael a écrit :
il manque toutefois Opera

À moins que je fasse erreur, depuis qu'Opera est passé à Webkit, il partage le même inspecteur de page que Chrome et Safari. C'est pour ça que je l'ai indiqué en même temps que les autres.

Bonjour,

Voilà un sujet qui ne laissera de marbre aucun dev ou intégrateur : dès lors que l'on parle des outils de développement, on touche une corde sensible
Alors c'est parti pour la série de réponses :
Ben moi je suis accro à mon Firebug et pour développer c'est jamais sans mon FF !
Outils de dev d'Internet Explorer: ben ... c'est un peu comme IE, on se demande pourquoi ça existe c'est tellement peu fonctionnel et intuitif.
Celui de chrome ça dépend pour quoi on s'en sert mais d'une manière générale, je le trouve moins utilisable que le firebug de FF .
Mais bon, ce n'est qu'une appréciation: il y a sûrement des outils qui sont "meilleurs" que d'autres parce que plus complets, plus intuitifs...reste que le meilleur des outils c'est celui que je connais par coeur et qui me fait gagner des heures de boulot par rapport à un autre super outil de la mort qui tue mais dont je ne sais pas trop me servir .
Voilà !

Bonjour,

Ne rigolez pas s'il vous plaît... le plus que je peux et tant que je peux faire ainsi, je le développe en premier lieu pour Internet Explorer, et pour le reste ensuite.

J'utilise le F12 d'IE en priorité principalement parce que c'est le seul qui soit globalement pas trop mal accessible avec mon lecteur d'écran jaws.

C'est pas faute d'avoir essayé le truc inclus d'office à firefox ou bien l'extension firebug, mais la console javascript m'y est inaccessible; je ne peux pas lire les messages d'erreur. Ni avec jaws, ni avec NVDA d'ailleurs. Alors pour débugger sur firefox, je ne peux que m'amuser avec window.alert.

Du côté de chrome, seulement une petite partie des outils de développement sont accessibles, et plus généralement chrome a encore une série de problèmes plutôt gênants dans l'utilisation du navigateur lui-même (des problèmes de focus notamment). C'est donc pour ça que je ne m'en sers que quand j'ai besoin de tester quelque chose de précis.
Je peux toutefois plus ou moins lire la console; je trouve juste dommage que les messages relatifs à JavaScript, à CSS, et au réseau (p.ex. images 404) soient tous mélangés à la suite les uns des autres.

Pour Safari je ne me prononcerai pas, je n'ai qu'un iPhone (je n'ai pas de mac) et il y a pas d'outils de développement ni d'extension sur iOS. Donc, debug à la window.alert seulement quand c'est vraiment nécessaire... mais en général pas besoin, quand ça marche sur firefox et sur chrome le plus souvent ça marche aussi sur safari sans rien avoir à toucher quand il ne s'agit pas de trucs spécifiques aux mobiles (je ne m'occupe évidemment pas de CSS)

Mais après tout, c'est pas plus mal de commencer par IE... au moins après, c'est fait.

Voilà....
Modifié par QuentinC (13 Nov 2014 - 19:19)

Histoire d'alimenter le débat sur ce qui les différencie, un élément que j'apprécie sur Firebug et Web Inspector (testé sur Chrome et Opera) et qui n'est pas présent sur Page Inspector inclus dans Firefox ou les outils de développement d'IE, c'est la possibilité de zoomer avec Ctrl+ et Ctrl-. Faisant de la formation, ça me permet de montrer ces outils et qu'ils soient lisibles sur un vidéo projecteur même pour les personnes au fond de la salle.

Raphi a écrit :
La sortie de Firefox Developer Edition fera peut-être changer mes habitudes.

J'ai l'impression que cette annonce d'une version spécifique de Firefox pour les développeurs n'est qu'un coup de com pour mettre en lumière les outils développés par Mozilla. Perso, je ne vois aucune différence avec Firefox version normale.

Bonjour à tous.

Avant j'utilisais Dragonfly d'Opera, mais (ça c'était avant) depuis qu'ils sont passés en webkit, je n'y ai plus vu d'intérêt, donc j'utilise maintenant Chrome et son débuggeur.