per il test del design mobile

Question

Esistono dei componenti aggiuntivi per testare una pagina HTML per vedere come apparirà su un dispositivo mobile? Sto sviluppando con PhoneGap ma l'emulatore di Eclipse è troppo lento per aggiornarlo continuamente, quindi voglio avere un'estensione del browser che faccia la risoluzione dello schermo come su un dispositivo mobile.

Answer 1

Se ci si preoccupa solo delle dimensioni dello schermo, Firefox 15 (attualmente Beta, rilascio in arrivo tra due settimane) ha Responsive Design View nel menu Web Developer che consente di regolare le "dimensioni dello schermo". Ad esempio, puoi selezionare 360x640 (risoluzione nHD) e dare un'occhiata alla tua pagina.

Tuttavia, i browser mobili eseguono regolazioni personalizzate delle pagine Web e queste regolazioni dipendono dal browser utilizzato. Ad esempio, Firefox Mobile fa qualcosa chiamato Font Inflation. Non è possibile riprodurlo in un browser desktop, è necessario eseguire effettivamente Firefox Mobile per questo. Il problema: i browser mobili funzionano solo su dispositivi mobili, anche Mozilla ha smesso di fornire Firefox Mobile per il desktop dopo che sono passati all'interfaccia utente Android nativa.

Edit: A partire da Firefox 33, v'è un simulatore di Firefox OS integrato in Firefox (grazie a Tomek per avermi in questa direzione). Per avviarlo, open WebIDE, quindi fare clic su "Seleziona runtime" e scegliere "Firefox OS 1.3." Questo avvierà il simulatore, tutto ciò che devi fare è fare clic sull'icona di Firefox (per me è blu, non la solita arancione). Eccoti, puoi testare qualsiasi sito web in un vero browser mobile, direttamente sul tuo desktop.

Answer 2

Firefox OS simulator può fare il trucco: basta installarlo. Esegui - ed esegui il browser all'interno. :)