Nwlapcug.com


Come faccio a mantenere il mio sito Web coerente tra i vari browser?

Come faccio a mantenere il mio sito Web coerente tra i vari browser?


Progettazione per il web è già abbastanza difficile senza doversi preoccupare di compatibilità cross-browser. Tuttavia, poiché ogni motore di layout si è evoluto per interpretare il World Wide Web Consortium (W3C) linee guida per Cascading Style Sheets (CSS) e HyperText Markup Language (HTML) in modo diverso, web pagine spesso mostrano sorprendenti discrepanze da un browser a quella successiva. Per creare in modo affidabile un sito coerenza attraverso tutti i principali browser, è necessario un approccio sistematico, pratico ed efficiente per la risoluzione degli errori. Avrete anche bisogno di una conoscenza degli standard compatibile con CSS e HTML.

Istruzioni

1

Costruire il vostro disegno per Firefox. Firefox ha costantemente mantenuto al passo con le ultime modifiche in CSS e tende ad essere stabile, che lo rende il candidato di punto di partenza per tutti i vostri progetti web. Completare il vostro disegno in primo luogo in Firefox, quindi spostarsi in altri browser per cercare incoerenze.

2

Funziona con Firefox estensioni design. Le estensioni ti aiuterà a individuare gli errori nel document object model (DOM), trovare i selettori CSS appropriati e la scansione suggerimenti sul codice per le proprietà CSS.

3

Prova il tuo design nei browser WebKit (Chrome/Safari). Accesso Chrome realizzato in strumento di debug cliccando col tasto destro la pagina e selezionando "Inspect element." Poiché entrambi Chrome e Safari utilizza lo stesso motore di WebKit, sarà normalmente sufficiente testare in uno di questi due browser, anche se è comunque buona norma controllare entrambi.

4

Annotare eventuali incoerenze che si osserva in Chrome vs Firefox. Aprire i due browser fianco a fianco. Se vedete incoerenze, procedere direttamente al test in Internet Explorer nel passaggio 8. Se incongruenze appaiono in Chrome, quindi consultare i passaggi 5, 6 e 7.

5

Studiare le tecniche di CSS. Evitare o risolvere problemi ed incoerenze di browser applicando una varietà di tecniche per il problema. Imparare questi studiando il lavoro di altri, ad esempio in molti blog online dedicato alla discussione e insegnamento tecniche CSS. Leggere regolarmente, o cercare attraverso di loro, quando si verifica un problema specifico.

6

Scrivere markup strutturale e presentazione CSS. Utilizzare i tag HTML per organizzare la struttura del documento del web page, ma esclusivamente utilizzano CSS per definire le proprietà di stile della pagina. Ad esempio, fare non utilizzare grassetto, corsivo o forte tag HTML per definire lo stile del testo. Utilizzare invece la proprietà CSS font.

7

Aggiungere un foglio di stile specifici per Chrome. Farlo solo se non è possibile correggere le incoerenze tra Chrome e Firefox migliorando sulla codifica stile condiviso tra loro. Frammenti e JavaScript per Chrome specifici fogli di stile sono disponibili online.

8

Prova nelle ultime versioni di Internet Explorer (IE). Non lasciatevi scoraggiare dai problemi; spesso, un aggiustamento di tweak o strutturali di stile semplice per il codice HTML è tutto ciò che dovrai fare. Programmi di debug, ad esempio IE Tester, facilitano il processo di test in diverse versioni di IE, così come per l'ispezione del codice stesso.

9

Creare un foglio di stile specifico IE. Non spendete troppo tempo cercando di manipolare CSS per creare un aspetto coerente in IE. Semplicemente creare un nuovo foglio di stile specifico di IE e modificare le proprietà che necessarie e selettori CSS. Frammenti di codice per l'aggiunta di fogli di stile IE ai tuoi modelli HTML sono disponibili online.

10

Mantenere un riferimento CSS manuale nelle vicinanze. Acquistare un manuale del libro in brossura o accedere alla documentazione online di W3C in una finestra separata del browser.

Consigli & Avvertenze

  • Consultare regolarmente le statistiche di utilizzo del browser W3C per formulare giudizi istruiti su quali browser per testare e progettare per. Browser più vecchi sono regolarmente sostituiti da quelli più recenti, più conforme agli standard.
  • Tenersi aggiornati sulle ultime novità CSS e HTML e imparare nuove tecniche di lettura del Blog di sito Web e designer di W3C.
  • Domande nel forum di web design.
  • I browser sono in continua evoluzione. Tenere aggiornati i browser più popolari e più stabile e sostituire le ultime e più grande "Firefox" in questo articolo.
  • Applicare il foglio di stile di IE per tutte le versioni di IE che si sta testando. È possibile creare fogli di stile per tutte le versioni di IE o individuale (ad es., IE7, IE8). Se si fa riferimento in modo non corretto una certa versione di IE, le proprietà di stile non si applicano ad esso.
  • Evitare di inizio in IE, come si prevede di utilizzare il motore del browser quirkiest come il fondamento e punto di riferimento per l'implementazione del codice.