Quali caratteristiche uniche ha Firebug che non sono integrate in Firefox?

Ho appena pulito i miei componenti aggiuntivi di Firefox e mi sono chiesto:

• Quali caratteristiche ha Firebug che lo rendono unico?

• Quali funzionalità sono disponibili sia in Firebug che in Firefox Developer Tools?

Gli strumenti di sviluppo nativi di Firefox hanno fatto molta strada da quando è stata scritta questa domanda. Le differenze si sono principalmente ridotte ai seguenti punti:

• Impossibile interrompere l'esecuzione dello script su mutazioni DOM, XHR o modifiche ai cookie.
• Gli XPath non possono essere copiati.
• Manca un pannello laterale degli eventi nell'Inspector (sebbene gli eventi siano visualizzati all'interno della struttura DOM).
• Manca un pannello laterale DOM nell'Inspector.
• Nessuna anteprima dal vivo durante la modifica dell'HTML.
• Manca il completamento automatico per le proprietà non enumerabili nella riga di comando.
• Non è possibile cercare in più file nell'editor di stile.
• Nessuna riga di comando multi-riga nella console Web (sebbene abbiano Scratchpad e una riga di comando "smart-multi-riga")
• Nessun pulsante della barra degli strumenti per attivare / disattivare gli strumenti o Impostazioni.
• Non è possibile cercare nelle risposte alle richieste di rete.
• Manca il completamento automatico per diverse proprietà CSS.
• Mancano diversi comandi della riga di comando.
• Non è possibile aggiungere cookie, basta modificare quelli esistenti.
• Nessuna modalità sempre attiva e attivazione per dominio (invece che per scheda).

Ci sono più cose mancanti, che vengono tracciate in una segnalazione di bug archiviata per tutti gli spazi tra Firebug e Firefox DevTools .

Integrazione Firebug

Firebug è ora basato sugli strumenti di sviluppo nativi. Da Firefox 48 esiste anche un tema Firebug che assomiglia all'estensione Firebug, che ti fa sentire a casa se sei abituato a Firebug. Una volta che Firefox multi-processo è abilitato, premendo F12o facendo clic sul pulsante Firebug si apre Firefox DevTools e con il tema Firebug.

C'è anche una guida alla migrazione che spiega le differenze tra Firebug e Firefox DevTools.

Ci sono molte piccole funzionalità di Firebug che gli strumenti integrati non hanno. Giocando con l'interfaccia utente, questo è ciò che mi viene in mente, ma sono sicuro che ce ne sono di più:

• capacità di ispezione della chiusura, come la someFunction.%closureVarsintassi della riga di comando
• fare clic con il tasto destro per giocare con qualsiasi valore nella riga di comando
• clic singolo per modificare
• evidenziando gli elementi al passaggio del mouse
• API della riga di comando, come includeegetEventListeners
• capacità di mostrare gli stili UA
• "Aggiungi regola" dal pannello Stile
• un pannello CSS utilizzabile per CSS minimizzati
• quando un elemento contiene solo testo, il pannello HTML mostra il testo in linea
• Accesso XHR nella console con abbellimento JSON (e che non apre un popup)
• "Interruzione al cambio di attributo / cambio di sottostruttura / rimozione di nodi" nel pannello HTML
• "Interruzione alla modifica", "Interruzione al successivo", "Interruzione alla modifica della proprietà", "Interruzione alla modifica del cookie"
• un intero pannello Cookie
• tracce dello stack nel pannello Console
• modificare e incollare HTML
• ricerca a testo libero nella maggior parte dei pannelli
• molte opzioni per giocherellare se necessario
• registrazione degli eventi

Ci sono anche, ovviamente, aspetti soggettivi in ​​questo. Ad esempio, personalmente mi piacciono l'interfaccia utente e l'aspetto di Firebug più che l'oscurità dei devtools e la precedente familiarità con uno strumento è sempre importante.

Sembra che qualcuno laggiù abbia visto la mia domanda qui;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

Il problema è che anche questo non risponde molto. Ma implica che Firebug in questo momento non ha molto da differenziarsi e quindi sta cercando un modo per cambiarlo.

Questo sarà presto irrilevante, poiché Firebug e gli strumenti di sviluppo nativi si stanno unendo:

Firebug 2 non funziona nei browser multi-processo (es. E10s) e la conversione è troppo complessa, smetterà di funzionare quando e10s viene attivato in Firefox.

Vogliamo essere pronti quando Firebug 2 smetterà di funzionare e abbiamo elaborato il seguente piano.

Integra tutte le funzionalità di Firebug 3 negli strumenti integrati di Firefox e inoltra tutti gli utenti di Firebug ad esso.

Sostituisci Firebug 2 rilasciando Firebug 3 (su AMO) solo se dobbiamo fornire le funzionalità critiche mancanti negli strumenti di sviluppo di Firefox in un'estensione.

Attualmente stiamo lavorando al porting di XHR Inspector ( bug 1211525 ), pannello DOM ( bug 1201475 ) e tema Firebug ( bug 1244054 ).

L'obiettivo principale per la prossima versione di Firebug sarà quello di integrarlo nei DevTools incorporati di Firefox. Oltre a questo, il Firebug Working Group ha in programma alcune nuove funzionalità per estendere DevTools con nuove funzionalità.

Firebug 3.0 alpha (noto anche come Firebug.next) è attualmente compatibile con Firefox 35 - 36 e supporterà i prossimi browser multiprocesso (così come non multiprocesso).

Firebug 3.0 (noto anche come Firebug.next) rappresenta la prossima generazione di Firebug costruita sulla parte superiore degli strumenti di sviluppo nativi di Firefox.

Se installi Firebug 2 in un browser abilitato per multiprocesso (e10s), ti verrà chiesto di eseguire l'upgrade a Firebug 3 o disattivare il supporto multiprocesso.

Mozilla ha già posticipato il rilascio di Electrolysis diverse volte. Il piano attuale è di rilasciare Firefox multi-processo sul canale stabile il 19 aprile 2016, quando Firefox 46 verrà rilasciato sul canale stabile.

Questa è solo una data di rilascio prevista ed è possibile che l'elettrolisi venga ritardata ulteriormente.

Un'idea interessante che Mozilla ha per rendere il rilascio meno doloroso per gli utenti del browser è abilitare l'elettrolisi solo nelle versioni di Firefox senza componenti aggiuntivi e nelle versioni di Firefox in cui sono installati solo componenti aggiuntivi compatibili.

Lavoriamo da tempo per unificare gli strumenti per sviluppatori Firefox e Firebug. Da Firefox 49, distribuiremo Firebug.next integrato.

Se utilizzi gli strumenti per sviluppatori Firefox incorporati, anziché Firebug, potresti apprezzare il pannello DOM e il tema Firebug che abbiamo aggiunto in questa unione.

Inoltre, abbiamo portato alcune estensioni Firebug comuni (PixelPerfect, FireQuery e HARExportTrigger precedentemente NetExport). E già che ci siamo, potrebbe piacerti la nostra nuova estensione WebSocket Monitor.

Come parte del porting delle funzionalità Firebug negli strumenti integrati, stiamo anche portando il tema Firebug, offrendo agli utenti Firebug un ambiente più familiare con cui lavorare.

Questo tema è caldo, caldo, caldo! Saluta il tema Firebug per Strumenti per sviluppatori

Mozilla ha lanciato oggi Firefox 48 per Windows, Mac, Linux e Android. Il browser ha ottenuto il supporto multiprocessore (finalmente), una maggiore protezione contro i download dannosi e miglioramenti multimediali su Android. Il supporto per le vecchie versioni di OS X e Android Gingerbread è stato abbandonato.

In Firefox 48, Mozilla sta lentamente abilitando il supporto multi-processo, a partire dall'1% degli utenti e aumentando fino a quasi la metà del canale di rilascio di Firefox. Per verificare se sei nel gruppo Elettrolisi, digita "about: support" nella barra dell'URL e controlla se è indicato "1/1 (Abilitato per impostazione predefinita)" sotto la voce di riga Windows multiprocesso.

Riferimenti

• Firebug vive in Firefox DevTools

• Unione di Firebug negli strumenti per sviluppatori Firefox integrati

• Mozilla lancia il test multiprocesso in Firefox Beta

• Roadmap di Firebug

• Firebug 3 e Firefox multiprocesso (e10s)

• Firebug.next Github repo

• Unificare Firebug e Firefox DevTools

• Developer Edition 48 - Funzionalità Firebug, archiviazione modificabile, miglioramenti dell'ispettore e altro ...

• Pagina del progetto Firebug 3.0

• Debug remoto: debug di Firefox Desktop

• Note di rilascio di Firefox 48: strumenti per sviluppatori

• Firefox 48 arriva con supporto multi-processo, elimina le vecchie versioni di OS X e Android Gingerbread

Penso che il più grande vantaggio ancora, dopo l'implementazione della funzionalità Network Panel & Timeline , sia la disponibilità di varie estensioni Firebug , come ad esempio YSlow, Page Speed, FirePython e così via.

Alla fine è probabilmente più una scelta basata sulle tue preferenze personali, trovare un'arma di scelta che ti offra la massima comodità e velocità.

Un dettaglio interessante di questa decisione è che Firebug una volta era uno dei plugin che aveva un impatto negativo sulle prestazioni più significativo su Firefox. Non so di uno studio in corso su questo, soprattutto se gli strumenti di sviluppo integrati si comportano meglio in termini di prestazioni rispetto a Firebug.

Un vantaggio degli strumenti di sviluppo nativi rispetto alla versione corrente di firebug è che ha le mappe dei sorgenti, mentre firebug no.

Le caratteristiche uniche di Firebug, ma l'ispettore integrato di Firefox non ha, includono:

• Copia XPath
• Copia XPath minimo
• Copia percorso CSS

Le caratteristiche uniche che l'ispettore integrato di Firefox ha, ma Firebug non ha, includono:

• Copia selettore unico

La riga di comando della console in modalità editor grande consente di eseguire il codice nel contesto corrente. Il nuovo Appunti non vede l'ambito del punto di interruzione corrente. Questa è una terribile perdita.