Tra le numerose sfide per un buon programmatore, una pagina ben programmata dovrà essere quasi identica su diversi sistemi operativi e browser. Naturalmente, ogni browser, da opzioni più tradizionali come Internet Explorer, o IE e Safari a Firefox e Chrome, ha un modo unico di interpretare il codice e visualizzare informazioni. Nel caso di codice JavaScript in Internet Explorer e Firefox, per esempio, esiste un numero di differenze che forza ai programmatori di evitare determinate caratteristiche o trovare codice alternative per garantire la coerenza. La tendenza generale tra i vari browser è quello di promuovere la compatibilità con gli standard del settore per la codifica del codice, ma i programmatori dovrebbero essere consapevoli di alcune differenze chiave e rimanere aggiornati sugli sforzi per promuovere la compatibilità nelle nuove versioni dei browser.

Trattamento di larghezza

Mentre Firefox imposta la larghezza di un elemento misurando solo la parte di contenuto della scatola escludendo bordi e imbottitura, IE include la larghezza del bordo e spaziatura nella larghezza complessiva. Di conseguenza, gli elementi come caselle di testo o immagini spesso hanno dimensioni leggermente diverse in IE e Firefox, anche se il codice di formattazione è esattamente lo stesso. In casi estremi di un gran numero di elementi dettagliati, le immagini o il testo in ogni componente può anche diventare distorta quando si cambia browser. I programmatori di solito ottenere intorno a questo problema con righe di codice che forzare IE per escludere imbottitura e bordi da misure di larghezza.

Nomi di classe e ID

Se una pagina, soprattutto un database driven pagina con numerosi ricerca e organizzazione dei contenuti, si verifica errori durante l'esecuzione in Firefox, il problema è spesso protocollo di ricerca tra maiuscole e minuscole di Firefox. A differenza di IE, che ignora maiuscole in classe e i nomi di ID, Firefox utilizza un protocollo tra maiuscole e minuscole, che significa che non sarà in grado di individuare gli elementi, se il nome è in maiuscolo in alcune località e non in altri. Come una questione di organizzazione interna e la pulizia, i programmatori devono sforzarsi per denominazione tra maiuscole e minuscole coerente attraverso loro codice comunque. Si tratta di una strategia che permetta di evitare problemi in Firefox e IE.

Titoli e descrizioni comandi

Un elemento di codifica che richiede frequenti dibattiti è ToolTip - noto anche come infotip. Le descrizioni comandi sono elementi di testo che vengono visualizzati quando il cursore si trova sopra un elemento. Descrizioni comandi alternativi sono utilizzati anche quando un'immagine o un elemento non può essere visualizzata, a causa della velocità di connessione lenta o le impostazioni di un utente con disabilità visive. Firefox non Visualizza questo testo alternativo come descrizione del passaggio del mouse. Vale a dire, tuttavia, non. I programmatori dovrebbero essere consapevoli di questa differenza e utilizzare la funzione di titolo del tooltip Firefox per il testo del passaggio del mouse mantenendo il testo alternativo per le situazioni in cui gli utenti non possono vedere l'elemento e richiedono una spiegazione.

Versioni e basi di utenti

Come browser continuano a rilasciare versioni e nuove patch, il campo di compatibilità del browser si evolve costantemente. Anche se la maggior parte dei programmatori browser si sforzano di garantire una maggiore compatibilità con i loro concorrenti, minori problemi emergono anche nei dettagli con ogni versione. Oltre a tenere il passo con le modifiche alla versione più recente di ogni browser, tuttavia, i programmatori dovrebbero anche essere consapevoli che gli utenti non sempre aggiornare i browser quando viene richiesto di farlo. Un numero considerevole di utenti..--più della metà nel caso di Firefox e IE..--continua a utilizzare le vecchie versioni del browser dopo che sono stati rilasciati aggiornamenti, che significa che i programmatori devono essere consapevoli delle differenze tra tutti comunemente usato versioni del browser e non solo gli aggiornamenti più recenti.