apple - Simulatore browser iPhone/iPad?



ios xcode (7)

Ho bisogno di vedere come le mie pagine web stanno guardando su un iPhone e iPad sul mio desktop di Windows. È possibile?

Una rapida ricerca ha prodotto alcuni siti di test per iPhone, che sembravano ciò che volevo. Tuttavia, sono estremamente imprecisi quando li ho confrontati con il mio iPhone! Ho davvero bisogno di qualcosa che sia il più preciso possibile al 100%.

XCode ha un simulatore accurato al 100%? Capisco che avrei bisogno di un Mac per eseguire XCode ...

https://ffff65535.com


I simulatori / emulatori online che uso

1) recombu

Simulatore fine che, a differenza del ridimensionamento della finestra del browser per le dimensioni del telefono cellulare, funziona come uno smartphone. Non essere confuso dal fatto che non puoi modificare la barra degli indirizzi in Safari - apri gli strumenti di sviluppo (solitamente F12) e riscrivi l'URL di origine dell'iframe sul tuo.
Link: http://recombu.com/mobile/interactive/ios7-demo/

2) responsimolatore

Sembra funzionare come recombu, ma puoi aprire l'url direttamente tramite l'immissione di testo e puoi ingrandire / ridurre.
Link: http://www.responsimulator.com/

3) transmog

Questo sembra elaborare la pagina web, ma emula il vecchio iPhone - a volte ancora utile.
Link: http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php

X) google it / internet per cercarlo

Usa sempre google (o altri utenti di ricerca su Internet) per cercare altri simulatori / emulatori e nuove versioni.
Collegati con la ricerca google di esempio per questo:
https://www.google.cz/search?q=online+iphone+emulator

Modalità dispositivo browser

Se apri gli strumenti dello sviluppatore del tuo browser (in Chrome F12), probabilmente sarà disponibile un'opzione per passare dalla modalità dispositivo (in Chrome è la piccola icona dello smartphone in alto a sinistra).

Dopo aver scelto questa opzione la GUI cambierà e fornirà l'opzione per selezionare il dispositivo da simulare (in Chrome è in alto - seleziona l'opzione "Dispositivo"), dopo aver selezionato il dispositivo, l'aggiornamento della pagina è spesso consigliato per garantire la precisione del simulatore.


Ho trovato il plug-in chrome mobile-browser-emulator che è molto utile. In realtà utilizza user-agent e dimensioni del dispositivo su cui vengono create le pagine reattive basate


Il simulatore iPhone / iPad fornito con Xcode include Safari. Se esegui Safari nel simulatore, puoi visualizzare il tuo sito Web e dovrebbe apparire come se fosse su un dispositivo reale. Questo potrebbe funzionare per il test di layout generale. Ma dal momento che si tratta di un simulatore, è possibile che non ogni singolo bit di funzionalità sia esattamente uguale all'utilizzo di un vero dispositivo iOS.

Se stai scrivendo un sito Web e devi verificare che sia corretto su un determinato dispositivo, devi testare il tuo sito web su quel dispositivo reale. Test con hardware reale è parte del prezzo di fare business.

E sì, hai bisogno di un Mac per eseguire Xcode.


Non c'è un buon sostituto per testare su un dispositivo reale.

I dispositivi reali hanno densità di visualizzazione più elevate, il che significa che i pixel sono più piccoli. Se non esegui il test su un dispositivo reale, potresti non accorgertene che il tuo progetto include testo troppo piccolo da leggere o pulsanti troppo piccoli da toccare.

Usi dispositivi reali con le dita, non con un mouse. Ciò significa che la precisione dei tuoi tocchi è molto più bassa e ciò che stai toccando è oscurato dal tuo dito. Se non esegui il test su un dispositivo reale, potresti non rendersi conto che hai introdotto problemi di usabilità nel tuo progetto.


Puoi eseguire safari nel simulatore di Xcode e dovrebbe emulare accuratamente iPad e iPhone. Un'altra cosa sul mercato che ho sentito buone recensioni è Ripple per chrome .







ios-simulator