it-swarm.it

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

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

A parte il fatto di avere effettivamente installato una versione diversa del browser, esiste qualche strumento o servizio in grado di fornire un'anteprima?

46
Chris W. Rea
38
vmarquez

BrowsersShotsBrowserLabs sono ciò a cui 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 spegne il browserLab progetto nel 13 marzo 2013.

32

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 indipendentemente 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.

10

Questo è abbastanza buono: http://browsershots.org/

Guarda come appare su una vasta gamma di browser e risoluzioni. Tuttavia, deve essere sul Web.

6
Damien

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

6
Nat Ryall

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
Aaron

MS ha anche (come parte dell'Expression toolkit) 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: questo 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.

5

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.

4
Dan Gayle

Potresti voler controllare il thread su StackOverflow chiamato: Test di un sito Web su browser mobili .

4
Casebash

http://www.browsercam.com/ (online, non gratuito) è un altro.

4
Larry Smithmier

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 stai usando Windows 7 Ultimate posso fare riferimento a n tutorial con Virtual PC e Xp Mode, che è una soluzione per eseguire diverse versioni IE su un host .

4
Sven

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

3
Jay Neely

Ho usato http://www.browserstack.com/ alcune volte, funziona davvero bene - sorpreso che nessuno lo abbia ancora menzionato.

1
James Smith