Nwlapcug.com


Come effettuare il Test HTML in Internet Explorer

Come effettuare il Test HTML in Internet Explorer


Web designer bisogno di testare i propri siti in più versioni di Internet Explorer, poiché ogni versione contiene bug, e le versioni precedenti non supportano molti trucchi di stile corrente. Non auto-aggiornamento per Internet Explorer nel modo che fare altri browser, e gli utenti di Windows XP non è possibile installare qualsiasi versione passato Internet Explorer 8 a causa di problemi di compatibilità. È possibile installare solo una versione di Internet Explorer su qualsiasi computer, così i progettisti utilizzano software testing, servizi online e anche virtuale computer per testare i propri siti. Poiché il test del software completamente non può imitare bug del browser, i computer virtuali funzionano meglio.

Istruzioni

1

Configurare l'ambiente di test. Il migliore ambiente di test richiede l'installazione del sistema operativo software di virtualizzazione come VMWare Player, Virtual PC e VirtualBox. Scaricare e installare uno di questi sistemi, quindi configurare una macchina virtuale per ogni versione di Internet Explorer è necessario per il test. È necessario un disco di installazione o un'immagine di un disco di installazione per installare Windows su ogni macchina virtuale. Non è necessario provare Internet Explorer per Mac o Linux, poiché nessuna delle due piattaforme sono supportati dai browser.

2

Aprire i file HTML per il tuo sito Web in un editor di codice e controllare il codice tra i < head > e < / head > Tag per quanto segue:

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

Questo tag < meta > forze Internet Explorer per utilizzare il motore di rendering più aggiornato. In alcuni casi, le impostazioni utente e altri fattori causano Internet Explorer 8 ad agire come Internet Explorer 7, e non vorrete mai che. Se non vedete quel tag < meta >, aggiungerlo.

3

Controllare tra i tag < head > per eventuali commenti condizionali. Internet Explorer offre commenti condizionali come un modo per creare separato set di codice Cascading Style Sheet (CSS) per ogni versione del browser. Nessun altro browser li utilizza. Ecco un esempio di quello che sembrano:

<!-[se lte IE 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 che si modifica il codice per la regola di stile, classe o foglio di stile corretto tra tag < style >. Se si utilizzano già i commenti condizionali per singola versione sette, per esempio, non fare correzioni per Internet Explorer 7 correzioni nel codice CSS principale.

4

Caricare la pagina in un moderno, il browser compatibile con gli standard web come Google Chrome o Mozilla Firefox. Questi due browser rappresentano il miglior rendering delle pagine web a partire da questa scrittura nel 2011. Ora caricare la pagina in ogni versione di Internet Explorer, il computer virtuale e confrontarlo con come appare in Chrome o Firefox. Apportare le modifiche necessarie, sia spostando gli elementi nella pagina per risolvere i problemi di margine o aggiungendo caduta-back per tecniche CSS3 non supportati. Siti Web non è necessario guardare esattamente lo stesso in tutti i browser, ma dovrebbero essere utilizzabili in tutti i browser.

Consigli & Avvertenze

  • Aggiungere bordi dai colori vivaci, singolo pixel di larghezza per gli elementi HTML che danno che problemi. Questo ti permette di vedere l'effettivo "box" il contenuto presente in quando è possibile modificare la sua imbottitura, margini e il posizionamento, che è difficile senza una sorta di guida.
  • Microsoft rende disponibili immagini gratis da utilizzare con l'applicazione di virtualizzazione gratuito, Virtual PC. Queste immagini provengono con le versioni di browser necessario per il test, ma scadono dopo un certo lasso di tempo.
  • Quando si crea un foglio di stile separato per ogni versione di Internet Explorer, troppe richieste HTTP al server, con conseguente più lenti tempi di download del sito Web. Cercare di concentrarsi sulla scrittura di codice compatibile con la maggior parte delle versioni e quindi single fuori quelli che causano problemi.