Sto provando a testare come appare il mio sito Web su iPhone, ma tutto quello che ho è un iPad. C'è un modo per forzare l'iPad nella finestra di visualizzazione delle dimensioni iPhone?
Posso visualizzare i siti web su un iPad in una finestra di dimensioni iPhone?
5 risposte
3
Bene, potresti trovare un'app browser di terze parti che è solo per l'iPhone e la usi sul tuo iPad. Ce ne sono molti liberi. Basta cercare "browser" nell'App Store.
risposta data
25.02.2012 - 23:31
fonte
3
No, non puoi farlo. Ma se hai un Mac, puoi installare Xcode gratuitamente dal Mac App Store.
Viene fornito con un'app chiamata iOS Simulator che ti consente di eseguire Mobile Safari sul tuo Mac, inclusa la risoluzione degli iPhone / iPod precedenti (display non retina), i nuovi iPhones con display retina e la risoluzione dell'iPad.
Implementa anche tutti gli eventi Javascript touch screen (ad esempio: onmouseover viene attivato quando tocchi invece di onclick, poi onclick viene attivato quando tocchi di nuovo), tocca due volte per ingrandire un elemento DOM e ti mostrerà correttamente come cose come posizione fissa Gli elementi CSS appariranno, che è molto diverso su Mobile Safari rispetto al normale Safari desktop, e ti dà tutti gli elementi del modulo iOS (i campi <select multiple> sono completamente diversi per esempio).
Non sono a conoscenza di alcun modo per testare correttamente il tuo sito web su Windows o Linux, cambiando la dimensione della finestra del browser non è abbastanza buono.
risposta data
25.02.2012 - 23:29
fonte
1
Più o meno qualsiasi browser che abbia una versione speciale per iPhone (non universale) funzionerà. Raccomando il Browser perfetto o Aquari browser per iPhone.
risposta data
09.06.2012 - 02:16
fonte
0
0
Se puoi utilizzare una versione desktop di Google Chrome, può emulare un iPhone. Nella modalità di debug, fai clic sull'icona "emula dispositivi" nella parte superiore sinistra del pannello di debug e può consentire di emulare iPhone, iPad, telefoni Samsung e molti altri modelli (l'elenco ha una lunghezza di circa 20 elementi).
Non solo emula la larghezza e l'altezza, ma agirà anche in base al tuo tag meta per viewport . Quindi se hai questa linea nella tua sezione <head> HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">
Quindi l'emulatore per iPhone 6 Plus mostrerà una versione "sì, sono piccolo schermo e agirò di conseguenza" della pagina. D'altra parte, senza la linea sopra, iPhone 6 Plus farà finta di essere un potente browser con un ampio schermo e mostrerà la pagina - ma in questo caso il testo sarà molto piccolo e poco leggibile. Quindi, voglio dire, Google Chrome emula il tuo telefono con il codice HTML visualizzato fedelmente, come se fosse un vero dispositivo.
Confrontalo con la versione 44.0 di Firefox, che può solo emulare la dimensione del dispositivo, ma non si preoccuperà della riga meta sopra, quindi potresti vedere una versione della pagina su Firefox e vedere una versione diversa di la pagina su un dispositivo reale.
Ecco uno screenshot di emulare un iPhone 6 Plus:
risposta data
30.01.2016 - 16:38
fonte
Leggi altre domande sui tag iphone ipad display web-browsing