Differenza di sviluppo tra Firefox 3 e Firefox 4?

Question

Stavo pensando di aggiornare a Firefox 4 (attualmente in esecuzione Firefox 3.6.15 - trattenere in particolare una domanda di software!) E ho avuto alcune preoccupazioni quando si tratta di sviluppo web.

La mia unica preoccupazione è se ci sono problemi di compatibilità (CSS/HTML) o stranezze tra i due. Mi dispiacerebbe vedere qualcosa come una spaziatura 3px usando Firefox 4 su un sito web contro 0px usando Firefox 3 (quasi come un fiasco IE6 vs IE7 vs IE8, se si ottiene la mia deriva).

In definitiva sto solo verificando se Firefox 4 è come al solito business con la visualizzazione di un sito web/web app con un 'motore' aggiornato (che è quello che mi aspetto).

Pensieri? Qualcuno ha confronto a questo livello? E non sto parlando solo di cose come nel livello CSS Reset, anche se sto pensando a quelle linee di compatibilità.

Spero di chiarire un po 'la mia preoccupazione. Non riesco a trovare alcun confronto oltre alla lista di miglioramento per FF4 (oltre FF3), non intendo fare di questo una domanda software, ma piuttosto, dovrei essere a conoscenza di eventuali cambiamenti di output che mi mancano con l'aggiornamento. Non voglio perdere le differenze critiche quando si tratta di sviluppo e compatibilità del browser per il cliente.

Grazie.

Answer 1

Anche IE6/IE7/IE8 contro altri browser non è un fiasco così grande come si intuisce; i bug nelle vecchie versioni di IE con strane differenze di spaziatura erano principalmente causati dai siti Web che costringevano il browser in modalità Quirks (che è all'altezza del suo nome) piuttosto che in modalità standard. Se sei in modalità standard, i browser sono tutti praticamente conformi alle stesse regole, anche se con meno funzioni nelle versioni precedenti (molto meno nel caso di IE6).

Con questo in mente, l'aggiornamento da FF3.6 a FF4.0 non dovrebbe presentare alcun problema per i siti esistenti scritti con FF3.6 in mente (e la modalità standard in generale).

L'unica avvertenza importante di cui sono a conoscenza con FF4 è che hanno rimosso la funzionalità CSS -moz-binding. Questa è (o meglio, era) una caratteristica CSS specifica per Firefox (cioè non standard) che ti permetteva di associare un modello XUL a un elemento HTML usando CSS. XUL è il linguaggio di definizione dell'interfaccia utente XML in cui è scritta l'interfaccia utente di Firefox (così come altre app di Mozilla). Hanno rimosso la possibilità di fare riferimento direttamente da una pagina Web a causa di considerazioni di sicurezza.

Questo numero non dovrebbe riguardare in generale nessuno: se si fosse attenersi comunque agli standard, non l'avresti mai usato.

Tuttavia, c'è un modo in cui è stato utilizzato in modo abbastanza ampio: come un browser che hack per far sì che Firefox supporti un puntino di sospensione. Tutti gli altri browser supportano CSS text-overflow:ellipsis;, ma Firefox no. Anche FF4 non lo supporta. Qualcuno è riuscito a hackerare un modo per farlo usando -moz-binding, e molti siti lo hanno usato da allora. Questo hack cesserà di funzionare in FF4.

Vedi la mia domanda su questo argomento qui: text-overflow:ellipsis in Firefox 4? (and FF5)

Ma a parte questo una cosa, praticamente tutto il resto di nuovo in Firefox 4 - certamente dal punto di vista del motore di rendering - è un aggiornamento incrementale da FF3. 6, quindi i siti esistenti dovrebbero continuare a funzionare invariati.

Answer 2

https://developer.mozilla.org/en/Firefox_4_for_developers

Answer 3

È possibile eseguire entrambe le versioni nella stessa scatola, almeno per il test.

http://www.thewindowsclub.com/how-to-run-firefox-3-and-firefox-4-simultaneously-in-windows

credo che non si può fare questo in modo molto efficace con altri browser. (come IE o Chrome con aggiornamenti automatici)

Answer 4

Le principali differenze tra i due saranno più sulla falsariga di nuovi elementi, proprietà e API e non di proprietà di base come si menziona. Eventuali problemi di progettazione o layout più piccoli sono stati risolti molto tempo fa o, se ne dovevano essere corretti, probabilmente rari. Non è come IE dove ci sono problemi non solo tra le versioni ma all'interno delle versioni.

Answer 5

Indipendentemente da ciò che è stato pubblicato finora, fai attenzione perché ho già notato diverse differenze nel rendering, in particolare con spaziatura verticale e elementi di lista inline. Nel mio caso, la differenza è in realtà abbastanza grande poiché questo influisce sull'aspetto dell'elemento del menu principale. Precedentemente IE8, Chrome10/11 e FF4 lo rendevano tutti identici, ma ora FF4 è un outlier definito. Sto usando anche il doctype html5/html4-strict. Solo qualcosa da considerare; la transizione non è così rosea come i post precedenti forse ti indurranno a credere ...