Come posso testare le mie pagine web in Microsoft Internet Explorer su un Mac?

https://stackoverflow.com/questions/55577

09-06-2019
|

Domanda

Voglio testare le pagine web che creo in tutte le moderne versioni di Internet Explorer (6, 7 e 8 beta) ma lavoro principalmente su Mac e spesso non ho accesso diretto al PC.

Soluzione

Aggiornamento: Microsoft ora fornisce immagini di macchine virtuali per varie versioni di IE pronte per l'uso su tutte le principali piattaforme di virtualizzazione OS X (VirtualBox, Fusione di VMWare, E Paralleli).

Scarica l'immagine appropriata da: https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/

Su un Mac basato su Intel puoi eseguire Windows all'interno di una macchina virtuale.Avrai bisogno di una macchina virtuale per ogni versione di IE con cui desideri eseguire il test.

Le istruzioni seguenti includono software di virtualizzazione gratuito e legale e immagini del disco di Windows.

Scarica alcuni software per macchine virtuali.Le immagini del disco dello sviluppatore che utilizzeremo funzioneranno con entrambe Fusione di VMWare O Scatola virtuale del sole.VMWare ha più funzionalità ma costa $80, Virtual Box invece è più semplice ma è gratuito per la maggior parte degli utenti (vedi Domande frequenti sulla licenza di Virtual Box per dettagli).
Scarica le immagini del disco dello sviluppatore IE, gratuite da Microsoft: http://www.microsoft.com/downloads/...
Estrai le immagini del disco utilizzando cabextract che è disponibile da MacPort o come codice sorgente (grazie a Clinton).
Scarica Q.app da http://www.kju-app.org/ e inseriscilo nella cartella /Applicazioni (ti servirà per convertire le immagini del disco in un formato utilizzabile da VMWare/Virtual Box)

A questo punto, il processo dipende dal software VM che stai utilizzando.

Utenti della scatola virtuale

Apri un Terminal.app sul tuo Mac (puoi trovarlo in /Applicazioni/Utility) ed esegui la seguente sequenza di comandi, sostituendo input.vhd con il nome del file VHD da cui stai iniziando e output.vdi con il nome che vuoi che abbia l'immagine disco finale:
```
/Applications/Q.app/Contents/MacOS/qemu-img convert -O raw -f vpc "input.vhd" temp.bin
VBoxManage convertdd temp.bin "output.vdi"
rm temp.bin
mv "output.vdi" ~/Library/VirtualBox/VDI/
VBoxManage modifyvdi "output.vdi" compact
```
Avvia Virtual Box e crea una nuova macchina virtuale
Seleziona il nuovo file VDI che hai appena creato come disco rigido di avvio

Utenti di fusione VMWare

Apri un Terminal.app sul tuo Mac (puoi trovarlo in /Applicazioni/Utility) ed esegui i seguenti comandi, sostituendo input.vhd E output.vmdk con il nome del file VHD su cui stai lavorando e il nome che desideri dare all'immagine disco risultante:
```
/Applications/Q.app/Contents/MacOS/qemu-img convert -O vmdk -f vpc "input.vhd" "output.vmdk"
mv "output.vmdk" ~/Documents/Virtual\ Machines.localized/
```
Probabilmente ci vorrà un po' di tempo (ci vogliono circa 30 minuti per immagine disco sul mio MacBook Core 2 Duo da 2,4 GHz con 2 Gb di RAM).
Avvia VMWare Fusion e crea una nuova macchina virtuale
Nelle opzioni avanzate del disco seleziona "usa e disco esistente" e trova il file VMDK che hai appena creato

Altri suggerimenti

Ci sono tre diversi metodi che consiglio:

Macchine virtuali interattive basate su cloud

Usa qualcosa di simile SauceLabs O BrowserStack.Potrai scegliere il browser che preferisci, inserire un URL e utilizzare un vero sistema operativo con il browser reale, testare e interagire quanto ti serve.Entrambi supportano anche la configurazione di un tunnel da/verso il tuo computer in modo che qualsiasi nome host locale funzioni correttamente.

C'è anche CrossBrowserTesting, navigazione/testare, che sembrano avere servizi simili anche se non li ho usati personalmente.

Virtualizzazione locale

Puoi usare VirtualBox (gratuito e open source, simile a VMWare o Parallels) per creare una o più macchine virtuali sul tuo computer.Potresti saperlo o meno, ma non è necessario ottenere una copia ufficiale di Microsoft Windows per queste macchine virtuali.Microsoft offre immagini VM gratuite di installazioni Windows semplificate allo scopo di testare Internet Explorer e Microsoft Edge (scaricamento).Controlla uno di questi articoli per installarlo e farlo funzionare:

Testare IE6, 7, 8 e 9 su Mac OS X, 2011-06, xairon.net
Internet Explorer per Mac in modo semplice, 2011-09, osxdaily.com

In passato esistevano anche applicazioni Mac native (come ies4osx) o come applicazione Windows che richiede una macchina virtuale se non disponi di Windows (come IETestere O IE multipli).Lo svantaggio è che queste emulazioni sono spesso meno stabili del client reale e sono ancora più difficili da eseguire il debug perché non vengono eseguite nell'ambiente naturale del browser.A volte causa errori che non si verificano nel browser reale e forse non presenta bug che il browser reale avrebbe.

Fabbrica di screenshot basata su cloud

Se non hai bisogno dell'interattività e/o hai bisogno di una soluzione più economica (nota che questo metodo potrebbe non essere sempre più economico, fai una piccola ricerca prima di fare supposizioni) ci sono anche servizi online che, come il precedente, hanno accesso a veri browser/ Ambienti del sistema operativo.Ma contrariamente al precedente, non consentono l'accesso interattivo alle macchine reali ma solo per ottenere screenshot.Questo ha sia un lato positivo che uno negativo.Lo svantaggio è che non puoi interagire con esso.Il lato positivo, tuttavia, è che la maggior parte di questi consente un facile riepilogo degli screenshot in modo da non dover avviare una sessione dopo l'altra e ottenere screenshot.

Alcuni che ho usato:

BrowserShots (gratuito ed era il mio preferito, anche se la lentezza rendeva le alternative più attraenti)
AdobeBrowserLab (anche gratuito, richiede un Adobe ID.Non tante opzioni e copertura quanto BrowserShots, ma:nessun ritardo, screenshot istantanei, confronto delle visualizzazioni e possibilità di consentire che lo screenshot venga acquisito dopo un determinato numero di secondi anziché immediatamente (per testare elementi asincroni).
CrossBrowserTesting (non gratuito, ma ha anche un ambiente interattivo (vedi metodo precedente) e una fabbrica di screenshot che è come il tuo sito privato "BrowserShots")

Dopo aver virtualizzato Windows sul tuo Mac, puoi anche provare il file IE multiplo programma di installazione per ottenere una varietà di versioni di Internet Explorer senza dover creare istanze VM separate.

Più programmi di installazione di IE

Se vuoi solo vedere un semplice screenshot di come verrà visualizzata la pagina nei vari browser, puoi provare il servizio gratuito browsershots oppure esistono numerosi servizi che testeranno automaticamente le tue pagine su più browser.

browsershots.org

Tornasole è un'altra alternativa basata sul web.

Browsershot è un'altra opzione se vuoi solo ottenere screenshot..

Si è verificato un problema con l'ultima versione (gennaio 2009) dei VHD.Il VHD rileva che ci sono modifiche hardware e richiede una chiave di licenza, bloccando infine gli utenti.Finora non è nota alcuna soluzione alternativa.

Se non disponi di una copia di Windows che puoi eseguire su una macchina virtuale (anche VMware non è gratuito), puoi provare IEs4Linux.Richiederà la configurazione di alcuni elementi open source sul tuo Mac, ma è tutto gratuito.Ti serviranno almeno Fink, Wine e Cabextract.Vedere il collegamento sopra per alcune indicazioni specifiche sulla riga di comando.Non è così difficile!

Di tanto in tanto ho utilizzato il prodotto Codeweavers Crossover per eseguire questa operazione.

http://www.codeweavers.com/products/cxmac/

È un'opzione diversa dalla virtualizzazione e ti offre un controllo leggermente maggiore rispetto ad alcune soluzioni ospitate.Detto questo, è basato su WINE e quindi puoi potenzialmente affrontare tutti i problemi e le difficoltà che derivano dal farlo in questo modo.Detto questo, per i test di base senza plugin, ecc., funziona benissimo.

Non sono sicuro al 100% del supporto per IE8, dovresti verificarlo, ma ti dà sicuramente il supporto nativo per 6 e 7.

Potresti usare Browser a cucchiaio (basato sul Web) una volta che sarà disponibile per Mac.

Esiste una distribuzione OSX di IEs4 Linux chiamata ies4osx, che ha funzionato bene per me senza alcuna configurazione.

Se si tratta di un sito Web aziendale (o di un sito serio in cui è importante che funzioni effettivamente su IE), non prendere la strada economica: investi in una o due macchine Windows.I tuoi clienti ti ringrazieranno.

Altrimenti virtualizza.

Browsershots è carino, ma inutile se è necessario testare la funzionalità piuttosto che solo la resa visiva complessiva.

IEs4OSX e IEs4Linux presentano seri inconvenienti.Non hanno un reale supporto per plugin ed estensioni come Flash e Silverlight.Il rendering non è preciso e sono altamente instabili.Per i test hai davvero bisogno di una versione attuale di IE in esecuzione su Windows, ma non è necessario disporre di un dispositivo dedicato.

Le immagini di IE su VirtualBox sono davvero il modo migliore e più semplice per farlo.

Ho un screencast qui se qualcuno sta cercando una guida visiva.

Ancora un'altra alternativa basata sul Web (anche se, come ha detto Jeff, non è molto utile per testare la funzionalità). http://www.browsercam.com

OSX Daily spiega come installare le macchine virtuali Windows con un singolo comando da terminale (supponendo che tu lo sia già avere VirtualBox installato).Riassumere:

cioè 7:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="7" bash

cioè 8:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="8" bash

cioè 9:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="9" bash

TUTTI GLI IE!:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | bash

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow