Come emulare la versione mobile sul web

Da **MattiaDes** Sab 4 Lug 2015 - 9:28

Come emulare la versione mobile sul web

In questo tutorial vogliamo spiegarti come poter emulare la versione mobile del tuo forum sul web, senza l'utilizzo di un device mobile. In questo modo, i lavori tecnici o di miglioramento saranno più facili ed intuitivi.

Firefox
1. Per fare tutto questo su Firefox, come prima cosa, bisognerà andare nella barra di ricerca del browser ed inserire il seguente link e premere invio:

Codice:: about:config

2. Nel caso in cui dovesse comparire una finestra di avviso sulla garanzia, clicca su "Farò attenzione, prometto". Bene, ora dovrai andare nel box di ricerca e scrivere general.useragent.

Come emulare la versione mobile sul web Scherm21

3. Ora, mediante l'utilizzo del tasto destro, fai click su "Nuovo" e poi su "Stringa".

Come emulare la versione mobile sul web Scherm22

4. Nella prima finestra che ti comparirà, digita: general.useragent.override

Codice:: general.useragent.override

Come emulare la versione mobile sul web Scherm23

5. Nella seconda finestra inserisci invece questa stringa:

Codice:: Mozilla/5.0 (Linux; U; Android 2.3; en-us) AppleWebKit/999+ (KHTML, like Gecko) Safari/999.9

Come emulare la versione mobile sul web Scherm24

Risultato

Perfetto! Se hai seguito le nostre procedura alla lettera, andando sul tuo forum ti comparirà ora la versione mobile.

Tornare alla versione normale

Per tornare alla versione normale del tuo forum, dovrai recarti nuovamente in about:config, cercare general.useragent.override, tasto destro su di esso e "Ripristina".

Come emulare la versione mobile sul web Scherm25

Google Chrome
1. Con Chrome è tutto molto più semplice! Come prima cosa, recati nel browser e con il tasto destro, apri l'ispeziona elemento sul tuo forum!

Come emulare la versione mobile sul web Scherm27

2. Ora, dovrai cliccare sull'icona a forma di cellulare:

Come emulare la versione mobile sul web Scherm28

3. Nella finestra che ti si aprirà, seleziona dal menù a tendina il dispositivo mobile che desideri simulare. (A seconda di ciò che sceglierai, cambierà la dimensione)

Come emulare la versione mobile sul web Scherm29

Come emulare la versione mobile sul web Scherm30

4. Per concludere, ricarica la pagina per poter visualizzare la versione mobile del tuo forum.

Internet explorer
Per Internet Explorer digita F12, ora vai su Tools > Developer tools

Vai in Emulation, e nel campo browser profile scegli Windows Phone.

Come emulare la versione mobile sul web Scherm26

Una volta fatto questo, vedrai il tuo forum in versione mobile. Per tornare indietro, reimposta il tutto sulla modalità "Desktop".

Fantastico, vero? Buona giornata! :zen: