Componenti aggiuntivi di Firefox

https://stackoverflow.com/questions/36407

09-06-2019
|

Domanda

Quali componenti aggiuntivi di Firefox usi che sono utili per i programmatori?

Soluzione

Immagino sia sciocco menzionare Firebug: dubito che qualcuno di noi possa vivere senza di esso.Oltre a questo utilizzo quanto segue (solo elenco relativo allo sviluppo):

Consolle²:console di errore di prossima generazione
Ispettore DOM:come potrebbe indicare il titolo, ti consente di navigare nel DOM
Modifica cookie:cambiare i cookie al volo
Esegui JS:esecuzione Javascript ad hoc
Scheda IE:eseguire il rendering di una pagina in IE
Ispeziona questo:porta l'oggetto selezionato nell'ispettore DOM
JSView:visualizzare JavaScript e CSS collegati
LORI (Durata della richiesta di informazioni):mostra quanto tempo è necessario per eseguire il rendering di una pagina
Misuralo:un righello popup.
Parametri URL:mostra le variabili GET e POST
Sviluppatore web:una miriade di strumenti per lo sviluppatore web

Altri suggerimenti

Ecco i miei (incentrati sullo sviluppatore):

FireBug - una miriade di strumenti per migliorare la produttività, include debugger javascript, ispettore DOM, consente di modificare al volo CSS/HTML, il che è molto utile per la risoluzione dei problemi di layout e visualizzazione.
Sviluppatore web - ancora una volta un altro ottimo strumento di produttività degli sviluppatori.Lo uso principalmente per convalidare rapidamente le pagine, disabilitare javascript (sì, a volte disabilito javascript, vero?), visualizzare i cookie, ecc.
Dati di manomissione - ti consente di manomettere le intestazioni http, i valori dei moduli, i cookie, ecc.prima di postare nuovamente su una pagina o ottenere una pagina.Incredibilmente prezioso per colpire e stimolare le tue pagine e vedere come risponde la tua app Web se utilizzata con intenti leggermente dannosi.
Debug JavaScript - ha alcune funzionalità in più rispetto al debugger JavaScript fornito da Firebug.Anche se devo ammettere che lo uso con parsimonia poiché firebug mi ha ampiamente conquistato.
Intestazioni HTTP attive - prezioso per la risoluzione dei problemi, usalo frequentemente.Ti consente di spiare tutte le intestazioni HTTP comunicate avanti e indietro tra client e server.Mi ha aiutato a rintracciare problemi nefasti, soprattutto durante il debug dei problemi durante la distribuzione dell'app Web tra ambienti.
Spia di intestazione - simpatico componente aggiuntivo per i tipi geek, mostra il server web e la piattaforma su cui viene eseguito un sito web nella barra di stato.
Misuralo - Non lo uso troppo spesso, ma di tanto in tanto lo trovo comunque prezioso.
ColorZilla - ripeto, non è qualcosa che uso così spesso, ma quando ne ho bisogno, ne ho bisogno.Utile quando vuoi conoscere un colore e non vuoi scavare in un file CSS o aprire un'app di modifica grafica per ottenere un colore incorporato in qualche immagine.
Aggiungi N Modifica cookie - questo è stato un ottimo strumento di debug nelle web farm in cui il bilanciatore del carico scrive un cookie e utilizza il valore del cookie per mantenere la sessione "permanente".Mi ha permesso di passare a piacimento da un server all'altro per rintracciare i problemi su una macchina specifica.È anche un buon strumento se vuoi provare a fare confusione con un sito che utilizza i cookie per tenere traccia del tuo stato/account di accesso e vuoi vedere come il tuo codice risponde a informazioni non corrette o compromesse.
Strumento di visualizzazione Yellowpipe Lynx - sì, so cosa pensi, Lynx, chi ne ha bisogno, è così 1994.Ma se stai sviluppando un sito che deve tenere conto dell'accessibilità web (ovvero accessibile agli utenti con disabilità visive che utilizzano lettori di schermo) o se hai bisogno di avere un'idea di come uno spider/indicizzatore web "vede" il tuo sito, questo strumento ha un valore inestimabile.Certo, potresti sempre uscire e prendere Lynx per teecco la porta Windows XP che utilizzo.

Ho una manciata di altri componenti aggiuntivi che ho usato di tanto in tanto che menzionerò rapidamente:FireFTP (quello che ho installato non era stabile e non ho provato una versione più recente), Html Validator (ho trovato anche questo instabile, almeno quando l'ho installato un anno fa), IE Tab (di solito ho solo IE e FireFox si apre contemporaneamente, ma sono solo io, conosco molti altri che trovano utile questo componente aggiuntivo).

Consiglierei anche il Sviluppatore web estensione di Chris Pederick.

Per quanto riguarda lo sviluppo web, in particolare per Javascript, trovo Firebug essere inestimabile. Barra degli strumenti per sviluppatori Web è anche molto utile.

Quelli che ho sono...

Uno che non è stato ancora menzionato è questo Validatore HTML estensione che ho trovato molto utile.

@Flávio Amieiro

MeasureIt è un'estensione non necessaria se si installa la barra degli strumenti per sviluppatori Web.La barra degli strumenti per sviluppatori Web include un righello come una delle sue funzionalità.Sotto il "Miscellaneous"categoria per sviluppatore web fare clic sull'opzione"Display Ruler" per utilizzare un righello identico a quello di MeasureIt.

Ciò ti consentirà di ridurre il numero di estensioni necessarie di almeno una.

Componenti aggiuntivi di Firefox:

FireBug: aiuta gli sviluppatori e i progettisti web a testare e ispezionare il codice front-end.Ci fornisce molte funzionalità utili come un pannello della console per la registrazione delle informazioni, un ispettore DOM, informazioni dettagliate sugli elementi della pagina e molto, molto altro.
Web Developer ti dà la possibilità di disabilitare CSS, modificare CSS al volo, misurare determinate aree di una pagina e molto altro ancora.
Colorzilla fai semplicemente clic sull'icona, si libra sull'area per cui desideri conoscere il colore esadecimale e fare clic.
Finestra Resizer per assicurarsi che il layout sia visualizzato correttamente nelle risoluzioni standard di oggi.
Siti Web di validatore totale valido molto più facilmente controllando HTML, collegamenti, CSS e facendo molto di più.

Sviluppatore web per lo sviluppo web. Scribefire se sei un blogger-programmatore

Per lo sviluppo web utilizzo il file Barra degli strumenti per sviluppatori Web, Visualizzatore CSS ~~E Misuralo.~~

Ma non sono proprio uno di quelli che ha mille extension per fare tutto.Mi piace mantenere le cose semplici.

MODIFICARE:Grazie a La risposta di Dan Non ho più bisogno di MeasureIt.Non posso credere di non averlo mai visto!Immagino che dovrò prestare maggiore attenzione a questa barra degli strumenti WebDeveloper.

Aggiungendo agli elenchi di tutti, Dati di manomissione è abbastanza utile, ti permette di intercettare le richieste e modificare i dati in esse contenuti.Può essere utilizzato per ignorare la convalida JavaScript e verificare se il lato server sta facendo il suo dovere.

Io uso Sviluppatore web, è un vero risparmio di tempo.

+1 per LORI ("informazioni sulla durata della richiesta").È un'alternativa molto conveniente per misurazioni approssimative del tempo di caricamento di una particolare pagina Web, il tipo di cosa per cui altrimenti potresti utilizzare un cronometro esterno.
Nuova scheda Home page.In combinazione con una home page di tipo "composizione rapida" (una pagina personale di collegamenti a caricamento rapido che utilizzi frequentemente), ti aiuta ad arrivare dove stai andando più velocemente quando apri una nuova scheda del browser.
Ultima scheda.Modifica il comportamento di Ctrl+Tab per consentirti di navigare avanti e indietro tra le schede utilizzate più di recente premendo ripetutamente Ctrl+Tab, nello stesso modo in cui funziona Alt+Tab in Windows.Fornisce inoltre una bella vista di tutte le schede aperte mentre si tiene ancora premuto Ctrl per una facile navigazione.(Il comportamento risultante è molto simile al comportamento Ctrl+Tab nelle versioni recenti di Visual Studio.)

FireFTP è utile per catturare/caricare tutti i file necessari.

Trovo che Hackbar sia molto utile.Molto utile se desideri modificare la parte della stringa di query dell'URL, per verificare le vulnerabilità o semplicemente altri tipi di test generali in cui potresti ritrovarti con valori di stringa di query complicati.

Stavo imparando l'ispettore DOM, ma sono passato a Firebug.

Alcuni di quelli che sono stati persi sopra sono qui

Analizzatore del tempo di caricamento – Visualizza grafici dettagliati del tempo di caricamento delle pagine web in Firefox.I grafici mostrano eventi come richieste di pagine, tempi di caricamento delle immagini, ecc.
Manifesto – Uno strumento indispensabile per gli sviluppatori web che consente loro di interagire con servizi web e altre risorse web.
Aardvark – Un'interessante estensione per sviluppatori e designer web, consente loro di visualizzare attributi CSS, ID e classe evidenziando individualmente gli elementi della pagina.

Violinista è un proxy di debug davvero eccezionale.Consideralo come una versione più potente del pannello "Rete" in Firebug o delle intestazioni HTTP live.

Prima era un'estensione solo per IE, ora è integrata anche in Firefox.

Velocità rispetto al suolo, è utile per testare il codice lato server.È stato creato per i test di convalida dell'input durante il pentest, ma può essere utile per qualsiasi test che richieda la manipolazione dell'input (simile a TamperData).

Ti consente di controllare gli elementi del modulo nella pagina, puoi modificare il loro tipo e altri attributi (dimensione, lunghezza, gestori di eventi javascript, ecc.).Quindi, ad esempio, puoi modificare un campo nascosto o una selezione in una casella di testo e quindi inserire qualsiasi valore per testare la risposta del server e cose del genere.

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow