Come prova di HTML in Internet Explorer

August 13

Come prova di HTML in Internet Explorer


Web designer hanno bisogno di testare i loro siti in più versioni di Internet Explorer, perché ogni versione contiene bug, e le versioni precedenti non hanno il supporto per molti trucchi stile corrente. Internet Explorer non aggiorna automaticamente nel modo altri browser fanno, e gli utenti di Windows XP non è possibile installare qualsiasi versione precedente di Internet Explorer 8 a causa di problemi di compatibilità. È possibile installare solo una versione di Internet Explorer su qualsiasi computer, in modo da progettisti utilizzano software di test, servizi on-line e anche i computer virtuali per testare i loro siti. Dal momento che il software di prova non può imitare completamente i bug del browser, i computer virtuali funzionano meglio.

istruzione

1 Imposta il tuo ambiente di test. Il miglior ambiente di test richiede l'installazione di software di virtualizzazione del sistema operativo, come VMWare Player, Virtual PC e VirtualBox. Scaricare e installare uno di questi sistemi e quindi configurare una macchina virtuale per ogni versione di Internet Explorer è necessario per il test. Avrete bisogno sia di un disco di installazione o l'immagine di un disco di installazione per installare Windows su ogni macchina virtuale. Non è necessario per testare Internet Explorer per Mac o Linux perché né piattaforme sono supportate da questo browser.

2 Aprire i file HTML per il tuo sito web in un editor di codice e controllare il codice tra i tag <head> e </ head> tag per il seguente:

<Meta http-equiv = "X-UA-Compatible" content = "IE = bordo, cromo = 1">

Questo <meta> tag forze Internet Explorer per utilizzare il suo motore di rendering più up-to-date. In alcuni casi, le impostazioni utente e di altri fattori causano Internet Explorer 8 di agire come Internet Explorer 7, e non si vuole che. Se non vedi quel tag <meta>, aggiungerlo.

3 Controllare tra i tag <head> per eventuali commenti condizionali. Internet Explorer offre commenti condizionali come un modo per creare gruppi separati di Cascading Style Sheet (CSS) il codice per ciascuna versione del browser. Nessun altro browser li usa. Ecco un esempio di quello che sembrano:

<! - [If IE lte 8]>

Solo Internet Explorer browser versione 8 o inferiore vedere questo.

<! [Endif] ->

Quando si applica correzioni al codice in fase di test cross-browser, assicurarsi di modificare il codice per il foglio di stile, di classe o stile regola corretta tra i tag <style>. Se si utilizza già i commenti condizionali di individuare la versione a sette, per esempio, non fare le correzioni per Internet Explorer 7 correzioni nel codice CSS principale.

4 Caricare il pagina in un web browser moderno standard, compatibile come Google Chrome o Mozilla Firefox. Questi due browser rappresentano la migliore rendering delle pagine web al momento della stesura nel 2011. Ora caricare la vostra pagina in ogni versione di Internet Explorer, sui computer virtuali, e confrontarlo con come appare in Chrome o Firefox. Apportare le modifiche necessarie, sia spostando gli elementi sulla pagina per risolvere i problemi di margine o l'aggiunta di caduta di valore per le tecniche CSS3 non supportati. Siti web non hanno bisogno di guardare esattamente lo stesso in tutti i browser, ma dovrebbero essere utilizzabili in tutti i browser.

Consigli e avvertenze

  • Aggiungere dai colori vivaci, un solo pixel confini larghezza agli elementi HTML che ti danno problemi. Questo ti permette di vedere la "scatola" reale il contenuto esiste in quando si manipolano le sue imbottiture, i margini e il posizionamento, che è difficile senza un qualche tipo di guida.
  • Microsoft rende disponibili i file di immagine libera da utilizzare con la sua applicazione di virtualizzazione gratuito, Virtual PC. Queste immagini arrivano con le versioni del browser necessarie per i test, ma scadono dopo un certo lasso di tempo.
  • Creazione di un foglio di stile separato per ogni versione di Internet Explorer crea troppe richieste HTTP al server, con conseguente più lenti tempi di download del sito web. Prova a concentrarsi sulla scrittura del codice che è compatibile con la maggior parte delle versioni e poi individuare quelli che causano problemi.