Modules complémentaires de Firefox
https://stackoverflow.com/questions/36407
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Quels modules complémentaires Firefox utilisez-vous et qui sont utiles aux programmeurs ?
La solution
Je suppose que c'est idiot de mentionner Firebug - je doute qu'aucun d'entre nous puisse s'en passer.En dehors de cela, j'utilise ce qui suit (répertoriant uniquement les éléments liés au développement) :
- Console2:console d'erreurs de nouvelle génération
- Inspecteur DOM :comme le titre pourrait l'indiquer, permet de parcourir le DOM
- Modifier les cookies :changer les cookies à la volée
- Exécutez JS :exécution Javascript ad hoc
- Onglet IE :rendre une page dans IE
- Inspectez ceci :amène l'objet sélectionné dans l'inspecteur DOM
- JSView :afficher le javascript et le CSS liés
- LORI (Durée de vie de la demande d'informations) :montre combien de temps il faut pour afficher une page
- Mesure le:une règle contextuelle.
- Paramètres d'URL :affiche les variables GET et POST
- Développeur web:une myriade d'outils pour le développeur Web
Autres conseils
Voici les miens (centrés sur les développeurs) :
Pyromane - une myriade d'outils améliorant la productivité, notamment un débogueur javascript, un inspecteur DOM, vous permettant de modifier le CSS/HTML à la volée, ce qui est très utile pour résoudre les problèmes de mise en page et d'affichage.
Développeur web - encore une fois un autre excellent outil de productivité pour les développeurs.Je l'utilise principalement pour valider rapidement des pages, désactiver javascript (oui je désactive javascript parfois, n'est-ce pas ?), visualiser les cookies, etc.
Tamper Data - vous permet de modifier les en-têtes http, les valeurs de formulaire, les cookies, etc.avant de publier sur une page ou d'obtenir une page.Incroyablement utile pour fouiller et stimuler vos pages, et voir comment votre application Web réagit lorsqu'elle est utilisée avec une intention légèrement malveillante.
Débogueur JavaScript - a quelques fonctionnalités supplémentaires que le débogueur javascript fourni par Firebug.Même si je dois l'admettre, j'utilise celui-ci avec parcimonie puisque Firebug m'a largement conquis.
En-têtes HTTP en direct - précieux pour le dépannage, utilisez-le fréquemment.Vous permet d'espionner tous les en-têtes HTTP communiqués entre le client et le serveur.Cela m'a aidé à détecter des problèmes néfastes, en particulier lors du débogage lors du déploiement de votre application Web entre environnements.
Espion d'en-tête - un joli module complémentaire pour les types geek, vous montre le serveur Web et la plate-forme sur laquelle un site Web s'exécute dans la barre d'état.
Mesure le - Je ne l'utilise pas trop fréquemment, mais je l'ai quand même trouvé utile de temps en temps.
CouleurZilla - encore une fois, ce n'est pas quelque chose que j'utilise très fréquemment, mais quand j'en ai besoin, j'en ai besoin.Utile lorsque vous souhaitez connaître une couleur et que vous ne souhaitez pas fouiller dans un fichier CSS ou ouvrir une application d'édition graphique pour intégrer une couleur dans une image.
Ajouter et modifier les cookies - cela a été un excellent outil de débogage dans les fermes Web où l'équilibreur de charge écrit un cookie et utilise la valeur du cookie pour garder votre session "collante".Cela m'a permis de basculer à volonté entre les serveurs pour détecter les problèmes sur une machine spécifique.C'est également un bon outil si vous voulez essayer de jouer avec un site qui utilise des cookies pour suivre votre statut de connexion/compte, et que vous voulez voir comment votre code répond aux informations mal formées ou piratées.
Outil de visualisation de Yellowpipe Lynx - ouais je sais ce que tu penses, lynx, qui en a besoin, c'est tellement 1994.Mais si vous développez un site qui doit prendre en compte l'accessibilité du Web (c'est-à-dire accessible aux utilisateurs malvoyants qui utilisent des lecteurs d'écran), ou si vous avez besoin d'avoir une idée de la façon dont un araignée/indexeur Web « voit » votre site, cet outil est inestimable.Certes, vous pouvez toujours sortir et attraper Lynx pour vous-mêmevoici le port Windows XP que j'utilise.
J'ai une poignée d'autres addons que j'ai utilisés de temps en temps et que je vais mentionner rapidement :FireFTP (celui que j'ai installé n'était pas stable et je n'ai pas essayé de version plus récente), Html Validator (a également trouvé celui-ci instable, du moins lors de mon installation il y a un an), IE Tab (j'ai généralement juste à la fois IE et FireFox s'ouvre simultanément, mais ce n'est que moi, j'en connais beaucoup d'autres qui trouvent cet addon utile).
Je recommanderais également le Développeur web extension par Chris Pederick.
En ce qui concerne le développement web, notamment pour javascript, je trouve Pyromane être inestimable. Barre d'outils du développeur Web est également très utile.
Ceux que j'ai sont...
Celui qui n'a pas encore été mentionné est celui-ci Validateur HTML extension que j'ai trouvée très utile.
@Flávio Amieiro
MeasureIt est une extension inutile si vous installez la barre d’outils du développeur Web.La barre d'outils du développeur Web inclut une règle parmi ses fonctionnalités.Sous le "Miscellaneous" catégorie pour Développeur Web cliquez sur l'option "Display Ruler" pour utiliser une règle identique à celle de MeasureIt.
Cela vous permettra de réduire d’au moins une le nombre d’extensions nécessaires.
Extensions Firefox :
FireBug : aide les développeurs et concepteurs Web à tester et à inspecter le code frontal.Il nous fournit de nombreuses fonctionnalités utiles telles qu'un panneau de console pour enregistrer les informations, un inspecteur DOM, des informations détaillées sur les éléments de la page et bien plus encore.
Web Developer vous donne le pouvoir de désactiver le CSS, de modifier le CSS à la volée, de mesurer certaines zones d'une page et bien plus encore.
Colorzilla cliquez simplement sur l'icône, survolez la zone pour laquelle vous aimeriez connaître la couleur hexagonale et cliquez.
Resizer de fenêtre pour s'assurer que la disposition s'affiche correctement dans les résolutions standard d'aujourd'hui.
Le validateur total validant les sites Web beaucoup plus facilement en vérifiant HTML, liens, CSS et en faire beaucoup plus.
Développeur web pour le développement web. Feu de scribe si vous êtes un blogueur-programmeur
Pour le développement Web, j'utilise le Barre d'outils du développeur Web, Visionneuse CSS et Mesure le.
Mais je ne fais vraiment pas partie de ceux qui disposent de mille extensions pour tout faire.J'aime garder les choses simples.
MODIFIER:Grâce à La réponse de Dan Je n'ai plus besoin de MeasureIt.Je ne peux pas croire que je n'ai jamais vu ça !Je suppose que je devrai simplement prêter plus d'attention à cette barre d'outils WebDeveloper.
Ajout aux listes de tout le monde, Tamper Data est très utile, vous permet d'intercepter les requêtes et de modifier les données qu'elles contiennent.Il peut être utilisé pour contourner la validation javascript et vérifier si le côté serveur fait son travail.
j'utilise Développeur web, c'est un vrai gain de temps.
+1 pour LORI ("durée de vie de la demande-info").C'est une alternative très pratique pour mesurer grossièrement le temps de chargement d'une page Web particulière - le genre de chose pour laquelle vous pourriez autrement utiliser un chronomètre externe.
Page d'accueil du nouvel onglet.Combiné avec une page d'accueil de type « numérotation rapide » (une page personnelle à chargement rapide de liens que vous utilisez fréquemment), vous aide à arriver plus rapidement où vous allez lorsque vous ouvrez un nouvel onglet de navigateur.
Dernier onglet.Modifie le comportement de Ctrl+Tab pour vous permettre de naviguer entre vos onglets les plus récemment utilisés en appuyant plusieurs fois sur Ctrl+Tab, de la même manière que Alt+Tab fonctionne sous Windows.Fournit également une belle vue de tous les onglets ouverts pendant que Ctrl est toujours enfoncé pour une navigation facile.(Le comportement résultant est très similaire au comportement Ctrl+Tab dans les versions récentes de Visual Studio.)
FireFTP est bon pour récupérer/télécharger tous les fichiers nécessaires.
Je trouve Hackbar très utile.Très utile si vous souhaitez modifier la partie chaîne de requête de l'URL, pour tester des vulnérabilités ou simplement pour d'autres types de tests généraux où vous pourriez vous retrouver avec des valeurs de chaîne de requête compliquées.
J'apprenais l'inspecteur DOM, mais je suis passé à Firebug.
Certains d'entre eux ont été manqués ci-dessus sont ici
Analyseur de temps de chargement – Afficher des graphiques détaillés du temps de chargement des pages Web dans Firefox.Les graphiques affichent des événements tels que les demandes de pages, les temps de chargement des images, etc.
Affiche – Un outil indispensable pour les développeurs Web leur permettant d’interagir avec les services Web et d’autres ressources Web.
Aardvark – Une extension intéressante pour les développeurs et concepteurs Web, leur permet d’afficher les attributs CSS, l’identifiant et la classe en mettant en évidence les éléments de la page individuellement.
Violoneux est un très bon proxy de débogage.Considérez-le comme une version plus puissante du panneau "Net" dans Firebug ou des en-têtes Live HTTP.
Auparavant, il s'agissait d'une extension réservée à IE, elle est désormais également connectée à Firefox.
Vitesse au sol, est utile pour tester le code côté serveur.Il a été créé pour les tests de validation des entrées lors du pentest, mais peut être utile pour tout test nécessitant une manipulation des entrées (similaire à TamperData).
Il vous permet de contrôler les éléments du formulaire dans la page, vous pouvez modifier leur type et d'autres attributs (taille, longueur, gestionnaires d'événements javascript, etc.).Ainsi, par exemple, vous pouvez modifier un champ masqué ou une sélection en zone de texte, puis saisir n'importe quelle valeur pour tester la réponse du serveur et des trucs comme ça.
