Domanda Firefox: elemento Firebug vs inspect


Sono nuovo nello sviluppo web e continuo a sentire suggerimenti per usare Firebug. Il fatto è che non riesco a vedere alcun vantaggio di Firebug sulla funzione di elemento Inspect (io uso Firefox 24). Mi sto perdendo qualcosa?

Ho paura di abituarmi a uno strumento e poi di bloccarmi nei miei modi per passare allo strumento migliore. Si prega di avvisare su caratteristiche specifiche che sono superiori in uno strumento o nell'altro.


17
2017-09-18 02:22


origine


risposte:


Aggiornamenti dopo 2 anni

Dal momento che ho usato sempre più strumenti di sviluppo, ho realizzato alcune cose:

  1. Dev-Tools di Firefox sembra essere in via di sviluppo. Sono passati 2 anni dalla mia risposta, e non vi sono praticamente progressi notevoli nelle funzionalità o facilità d'uso.

    • Meager miglioramenti nel pannello Network e Debugger, ma ancora troppo lavoro deve essere fatto per renderlo ovunque buono come Chrome.
    • Il debugger è ancora un casino, con il browser che pende molto sui breakpoint.
    • Gli oggetti JSON sono ancora mostrati in quella forma di albero molto frustrante, senza possibilità modo per copiare o espandere una stringa JSON.
    • La funzionalità della timeline è a dir poco ridicola.

    Sono tali requisiti di base che sono arrivato a credere che a Mozilla non importi su Dev Tools anche un po '.

  2. Firebug è perso - non sta andando da nessuna parte, e il team è in difficoltà per creare un nuovo Firebug 3 che si basa su Dev-Tools integrato. Ora, dal momento che i Dev-Tools sono così malamente sottodimensionati Non ho speranza che le persone di Firebug raggiungano un'usabilità adeguata almeno per un anno.

  3. Questo mi porta a Chrome. Dopo aver dato un'occhiata alla versione più recente, sembra che il team di Chrome abbia un vantaggio quasi inattaccabile nell'area Strumenti per sviluppatori, ed è giusto così. Hanno messo un significato concentrarsi sullo sviluppatore e creare alcune cose interessanti per semplificare i test e lo sviluppo sviluppo web.

Quindi, in conclusione, se vuoi una risposta alla domanda di oggi, ti raccomando senza riserve Cromo. Salva molto del tuo:

  • sangue (dall'ebollizione),
  • sudore (dalla codifica), e
  • lacrime (dal debug)

Grazie.

Ora, leggi quello che pensava il mio io di 2 anni:


Alcune differenze:

++ = il web inspector è migliore
-- = firebug è migliore
== = non posso dire

++ C'è un Modalità 3D nel Web Inspector, che è molto buono se stai armeggiando z-index o l'area colpita dell'elemento non viene identificata correttamente.
 ++ Se Firebug è aperto in una scheda e passa a un'altra scheda e torna indietro, è necessario passare un po 'di tempo. Questo problema è apparentemente non lì con l'ispettore.

Questo problema è dovuto a bug nel Javascript debugger di Firefox (JSD). Questo è stato un bug noto e viene risolto mentre scrivo questo ... Installare la versione 1.13.0alpha, che risolve questo bug. Le versioni più recenti di Firefox risolveranno anche il loro JSD.

++ Il fantastico Modalità di progettazione reattiva per testare il tuo sito su diverse risoluzioni.

- Ci sono molti add-on per Firebug, per XPath, Sass, ecc, che è fantastico per lo sviluppo esteso
 - (Soggettivo) Trovo molto interessante il tema dei colori del web-inspector, ma quando si tratta di usarlo, è molto difficile.

== Il modo in cui gli oggetti vengono emessi sia in Firebug che in Inspector è ugualmente pessimo, (Chrome regna qui!)     
 Scrivi nella console: console.log(window) per vedere di cosa sto parlando In realtà, Firebug è anche meglio qui dell'ispettore.


13
2017-11-24 10:03



Io uso entrambi per dipendenze diverse.

Più comune nel mio ruolo:

  • Trovo firebug molto più semplice per visualizzare le chiamate JavaScript al caricamento della pagina.
  • Anche, omnibug plugin (per firebug) è molto utile per visualizzare le omniture vars ei cookie

Mentre con l'elemento inspect in chrome, il vantaggio che trovo estremamente utile quando risoluzione dei problemi è la possibilità di modificare gli stili.

Sono sicuro che questo non influenzerà la tua decisione, ma immagino tenga e apra la mente che ognuno ha i suoi vantaggi. È una questione di ciò che ti serve per loro.

Personalmente non riesco a vedere me stesso adattandomi a uno.


1
2017-09-18 02:54



Dipende davvero dalle preferenze, poiché ci sono dei compromessi per ognuno. Mi piace molto lo "Style Editor" nell'elemento Inspect incorporato che ti consente di creare fogli di stile e vedere gli effetti in tempo reale.


0
2018-01-15 22:19