Come posso vedere come appare il mio sito Web in vari browser?


46

Come posso vedere come appare il mio sito Web in vari browser?

A parte il fatto che in realtà sono installate versioni di browser diverse, esiste qualche strumento o servizio in grado di fornire un'anteprima?

Risposte:



32

BrowserShots e BrowserLabs sono ciò che riesco a pensare dalla cima della mia testa. Penso che ci sia anche qualcos'altro che ho usato ma non riesco a ricordare il nome in questo momento.

Modifica: purtroppo Adobe ha chiuso il progetto BrowserLab il 13 marzo 2013.


1
Assicurati solo con BrowserShots di deselezionare tutto, quindi seleziona solo quelli che desideri (come IE6). Chi diavolo sta usando "Dillo" ?!
Sconcertato

10

LitmusApp è un nuovo giocatore nel campo. Il loro attuale grande valore aggiunto è il test dei client di posta elettronica (33 client, inclusi i dispositivi mobili), ma eseguono anche test del browser "nel cloud" fino a 24 browser. In effetti, i test del browser sono stati il ​​loro primo prodotto ed è ancora disponibile in modo indipendente tramite lo strumento alcalino .

Uso regolarmente gli alcalini. È abbastanza carino

La cosa migliore è che non devi possedere o installare nessuno dei browser che vuoi testare. Si occupano di tutto ciò e ti offrono schermate del browser in esecuzione su un sistema reale in isolamento. Essendo una persona terribile amministratore di sistema, questo è l'ideale.


sì, sono nostri amici - gestiscono anche doctype.com che si trova nel piè di pagina (anche se probabilmente verrà urtato presto)
Jeff Atwood,


6

Consiglio vivamente di testare IE in IETester , disponibile qui . È leggero, veloce, preciso e supporta tutti gli IE da 5,5 in su.


1
IETester fornisce un buon riferimento sull'aspetto del tuo sito nei browser IE. Tuttavia, si sono verificati casi in cui il rendering di IE6 era diverso dal vero motore di rendering IE6.
Rickjaah,

5

Avere i browser locali ti dà maggiore flessibilità. Se si dispone di un sito Web interattivo in cui è necessario fare clic su più pulsanti per testare, non è possibile verificarlo con un'immagine.


5

MS ha anche (come parte del toolkit Expression) un prodotto chiamato SuperPreview, che ti consente di lavorare fianco a fianco o sovrapposto con una versione interattiva del tuo sito in tutte le versioni di IE e l'ultima versione di Firefox.

Include anche l'accesso a un servizio Web che mostra l'aspetto del tuo sito in Safari su un Mac: ciò genererà un'immagine dell'output, ma utilizza anche un file di metadati che ti consente di vedere quali parti del markup hanno generato quali parti dell'immagine, quindi è ancora abbastanza potente.


4

Questo è uno dei motivi principali per lo sviluppo su un computer Apple. Utilizzando VMWare Fusion o altri software di emulazione, è l'unico computer su cui è possibile installare legalmente tutti i principali sistemi operativi.

Quindi è possibile testare i browser effettivi nei sistemi operativi effettivi, non affidandosi a fonti esterne per fare il lavoro sporco per te, dove è possibile utilizzare gli strumenti di debug nativi per correggere / diagnosticare eventuali errori.


Perché Apple Puoi anche usare un virtualbox.org su Linux o Windows ...
mbrochh

1
Perché Apple Perché non è possibile installare OSX su Linux o Windows senza violare i Termini di servizio.
Dan Gayle,

1
Mi sembra un po 'sciocco, stai dicendo che uno dei motivi principali per sviluppare su una Apple è che non ti è permesso usare OSX su altri computer.

Se potessi legittimamente eseguire un Hackintosh, probabilmente lo farei, a parte i problemi hardware. Ma di nuovo, è solo una considerazione.
Dan Gayle,


4

Usare un'anteprima per il design generale è buono, ma non dimenticare di testare anche il comportamento del tuo sito. Ciò è particolarmente utile se usi molti effetti hover, ajax o java-script, che non puoi vedere in una foto.

Uso VmWare con diverse macchine virtuali con i browser più importanti installati separatamente.

Se si utilizza Windows 7 Ultimate, posso fare riferimento a un'esercitazione con Virtual PC e Xp Mode, che è una soluzione per eseguire diverse versioni di IE su un host .



3

MogoTest è una startup TechStars molto recente che lo fa bene. Fornisce schermate da diversi browser e sistemi operativi e convalida anche HTML e CSS.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.