Come utilizzare lemulatore del browser mobile in Chrome, Firefox, Edge e Opera

Hai bisogno di accedere a un emulatore del browser per smartphone sul tuo PC per testare la versione mobile di un sito web che ti interessa? Forse sei uno sviluppatore web, o vuoi diventarlo, e devi simulare un browser mobile per il progetto su cui stai lavorando. Indipendentemente dalle tue ragioni, ecco come accedere a un emulatore di browser mobile in Google Chrome, Mozilla Firefox, Microsoft Edge e Opera:

Contenuti

  1. Come attivare e utilizzare l'emulatore del browser mobile in Google Chrome
  2. Come attivare e utilizzare l'emulatore del browser mobile in Mozilla Firefox
  3. Come attivare e utilizzare l'emulatore del browser mobile in Microsoft Edge
  4. Come attivare e utilizzare l'emulatore del browser mobile in Opera
  5. Sei soddisfatto delle opzioni di emulazione del browser mobile disponibili?

Come attivare e utilizzare l'emulatore del browser mobile in Google Chrome

In Google Chrome, accedi al sito Web che desideri visualizzare nell'emulatore del browser mobile. Quindi, premi i tasti CTRL + MAIUSC + I sulla tastiera o, con il mouse, fai clic sui tre punti verticali nell'angolo in alto a destra per aprire il menu "Personalizza e controlla Google Chrome" . Scegli Altri strumenti, seguito da Strumenti per sviluppatori .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi agli Strumenti per sviluppatori in Google Chrome

Fai clic o tocca il pulsante "Attiva/disattiva barra degli strumenti del dispositivo" (sembra uno smartphone accanto a un tablet) o premi CTRL + Maiusc + M sulla tastiera. Questo attiva la barra degli strumenti del dispositivo in cui è caricata la pagina mobile. Per impostazione predefinita, la barra degli strumenti del dispositivo utilizza un modello reattivo per il sito caricato. Fare clic su di esso e scegliere il dispositivo mobile che si desidera emulare. Le tue opzioni includono molti iPhone, iPad, Surface Duo, due dispositivi Samsung Galaxy e un simulatore di browser mobile Moto G4 per PC.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Come abilitare l'emulatore del browser mobile in Google Chrome

SUGGERIMENTO: Sfortunatamente, puoi usare la scorciatoia da tastiera CTRL + Maiusc + M solo dopo aver abilitato gli strumenti di sviluppo.

Naviga nel sito che vuoi testare, passa tra i diversi smartphone e tablet e guarda come appare. Quando hai finito, premi il pulsante X (Chiudi) nell'angolo in alto a destra degli strumenti per sviluppatori di Google Chrome per tornare alla modalità di navigazione desktop standard.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Chiusura dell'emulatore del browser mobile Google Chrome

SUGGERIMENTO: se sei un utente pesante di Google Chrome, potresti anche voler imparare a utilizzare le opzioni di controllo multimediale di Google Chrome .

Come attivare e utilizzare l'emulatore del browser mobile in Mozilla Firefox

In Mozilla Firefox, apri il sito per il quale desideri utilizzare un simulatore di browser mobile. Quindi, premi CTRL + Maiusc + M sulla tastiera o fai clic sul pulsante dell'hamburger nell'angolo in alto a destra per aprire il menu di Firefox e scegli Sviluppatore Web .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi agli strumenti per sviluppatori Web in Firefox

Viene visualizzato un menu pieno di strumenti utili agli sviluppatori web. Nell'elenco, seleziona "Modalità di progettazione reattiva" e questa particolare modalità di visualizzazione di una pagina Web viene caricata in Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Scegli la modalità di progettazione reattiva in Firefox

Firefox abilita la modalità di progettazione reattiva . Nella parte superiore della finestra vengono visualizzati i parametri utilizzati da questa modalità di emulazione. Se non è selezionato alcun dispositivo, tocca o fai clic su Reattivo per aprire un elenco a discesa con i dispositivi disponibili per l'emulazione, quindi scegli quello che desideri simulare.

Puoi simulare il browser mobile per molti iPhone, iPad, Kindle Fire (Firefox è l'unico browser a offrire questa opzione di emulazione) e dispositivi Samsung Galaxy S9.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Usa l'emulatore del browser mobile in Firefox

Al termine del test con l'emulatore del browser per smartphone, premi il pulsante X (Chiudi modalità di progettazione reattiva) nell'angolo in alto a destra di Mozilla Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Chiudi l'emulatore del browser mobile in Firefox

Sei tornato alla modalità di navigazione desktop standard.

Come attivare e utilizzare l'emulatore del browser mobile in Microsoft Edge

Microsoft Edge utilizza lo stesso motore di rendering di Google Chrome e offre gli stessi emulatori di browser per smartphone. Per accedervi, visita il sito Web che desideri testare e premi i tasti CTRL + MAIUSC + I sulla tastiera o fai clic sui tre punti orizzontali ( "Impostazioni e altro" ) nell'angolo in alto a destra di Microsoft Edge. Nel menu che appare, vai su Altri strumenti e poi su Strumenti per sviluppatori .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi agli strumenti per sviluppatori in Microsoft Edge

Fai clic sul pulsante "Attiva/disattiva emulazione dispositivo" (sembra uno smartphone accanto a un tablet) o premi CTRL + Maiusc + M sulla tastiera. Questo attiva la barra degli strumenti dell'emulatore del browser mobile. Per impostazione predefinita, utilizza un modello reattivo per il sito che hai caricato. Fare clic su di esso e scegliere il dispositivo mobile che si desidera emulare. Le tue opzioni includono gli stessi smartphone e tablet di Google Chrome.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi all'emulatore del browser mobile in Microsoft Edge

Sfoglia il sito che vuoi testare, cambia tra i diversi dispositivi mobili e guarda come appare. Quando hai finito, premi il pulsante X (Chiudi) nell'angolo in alto a destra di Microsoft Edge.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Chiudi l'emulatore del browser mobile in Microsoft Edge

Ora sei tornato alla modalità di navigazione desktop standard.

Come attivare e utilizzare l'emulatore del browser mobile in Opera

In Opera, visita la pagina web che desideri visualizzare come se stessi utilizzando un dispositivo mobile. Quindi fare clic sull'icona di Opera in alto a sinistra ( "Personalizza e controlla Opera" ). Nel menu che si apre, scegli Sviluppatore seguito da Strumenti per sviluppatori . Se preferisci la tastiera, premi i tasti CTRL+MAIUSC+I per ottenere lo stesso risultato.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi agli strumenti per sviluppatori in Opera

Gli strumenti per sviluppatori sono visualizzati sul lato destro della finestra del browser. Fai clic sul pulsante "Attiva/disattiva barra degli strumenti del dispositivo" (sembra uno smartphone accanto a un tablet) o premi CTRL + Maiusc + M sulla tastiera. La barra degli strumenti del dispositivo è mostrata a sinistra. Per impostazione predefinita, utilizza un modello reattivo per il sito che hai caricato. Fare clic su di esso e scegliere il dispositivo mobile che si desidera emulare dall'elenco delle opzioni. Opera offre gli stessi emulatori di browser mobile di Google Chrome e Microsoft Edge, poiché si basa sullo stesso motore di rendering (Chromium).

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accedi all'emulatore del browser mobile in Opera

Al termine del test, premere il pulsante X (Chiudi) nell'angolo in alto a destra per tornare alla modalità di navigazione desktop standard.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Chiudi l'emulatore del browser mobile in Opera

Sei soddisfatto delle opzioni di emulazione del browser mobile disponibili?

Ora sai come emulare tutti i tipi di dispositivi mobili nel tuo browser web preferito. Tuttavia, potresti notare che la maggior parte dei browser Web offre le stesse opzioni di emulazione che favoriscono iPhone e iPad. Se vuoi emulare un moderno smartphone o tablet Android, le tue possibilità sono piuttosto scarse, anche in Google Chrome, il browser sviluppato dall'azienda dietro Android. Se desideri ottenere i migliori risultati, potresti dover utilizzare due browser per questa attività: Chrome e Firefox, oppure Firefox e Edge o Opera. Prima di andare, facci sapere cosa ne pensi delle opzioni disponibili.

Tags: #TUTORIAL

Leave a Comment

Come aggiungere il widget della fotocamera su Samsung Galaxy

Come aggiungere il widget della fotocamera su Samsung Galaxy

L'aggiornamento One UI 6 consente agli utenti di aggiungere widget alla fotocamera sui telefoni Samsung Galaxy per personalizzarli a proprio piacimento.

Recupera i dati cancellati con Recuva Portable in Windows 7

Recupera i dati cancellati con Recuva Portable in Windows 7

Nel seguente articolo presenteremo le operazioni di base per recuperare i dati cancellati in Windows 7 con lo strumento di supporto Recuva Portable. Con Recuva Portable puoi archiviarlo su qualsiasi comoda chiavetta USB e utilizzarlo ogni volta che ne hai bisogno. Strumento compatto, semplice e facile da usare con le seguenti caratteristiche:

11 modi per avviare Resource Monitor in Windows

11 modi per avviare Resource Monitor in Windows

Scopri tutti i metodi per avviare Resource Monitor (resmon) in Windows: dal menu Start, usando Cortana, il prompt dei comandi, PowerShell o Esplora file.

Quale versione di Microsoft Edge ho?

Quale versione di Microsoft Edge ho?

Scopri come verificare se hai la versione Chromium di Microsoft Edge o quella legacy. Guida passo passo per controllare la versione di Microsoft Edge.

Dove sono memorizzati i cookie in Windows 10 per tutti i principali browser?

Dove sono memorizzati i cookie in Windows 10 per tutti i principali browser?

Dove sono memorizzati i cookie in Windows 10? Trova la posizione dei cookie di Firefox, nonché la cartella dei cookie per Chrome, Opera ed Edge.

6 modi per cambiare un account in amministratore e tornare in Windows 10

6 modi per cambiare un account in amministratore e tornare in Windows 10

Scopri come cambiare un utente standard in amministratore in Windows 10. 6 modi pratici per modificare il tipo di account e gestire le autorizzazioni.

4 modi per aggiungere elementi allaccesso rapido in Esplora file

4 modi per aggiungere elementi allaccesso rapido in Esplora file

Scopri come aggiungere cartelle e unità ad Accesso Rapido in Esplora File, ottimizza la tua esperienza in Windows 10.

Come aggiungere, aprire e configurare OneDrive su iPhone o iPad

Come aggiungere, aprire e configurare OneDrive su iPhone o iPad

Scopri come installare, aprire e configurare l

Risolto il problema: il trascinamento della selezione non funziona in Windows

Risolto il problema: il trascinamento della selezione non funziona in Windows

Il trascinamento della selezione non funziona più in Windows 10 o Windows 11? Ecco come risolvere questo problema in un paio di secondi.

Come passare a un account locale di Windows 11 da uno Microsoft

Come passare a un account locale di Windows 11 da uno Microsoft

Scopri come passare a un account locale da uno Microsoft in Windows 11, anche per Windows 11 Home. I passaggi necessari per migrare a un utente locale.

Come ingrandire e rimpicciolire nel tuo browser web

Come ingrandire e rimpicciolire nel tuo browser web

Come ingrandire e rimpicciolire in Google Chrome, Microsoft Edge, Mozilla Firefox e Opera. Ingrandisci con la tastiera, il mouse o entrambi.

Metti Chrome e altri browser a schermo intero (Edge, Firefox e Opera)

Metti Chrome e altri browser a schermo intero (Edge, Firefox e Opera)

Scopri come inserire Google Chrome e altri browser in modalità schermo intero: Mozilla Firefox, Microsoft Edge e Opera. Uscire dalla modalità a schermo intero è facile.

Come cambiare lingua su Facebook: tutto quello che devi sapere

Come cambiare lingua su Facebook: tutto quello che devi sapere

Scopri come cambiare la lingua su Facebook su qualsiasi dispositivo con pochi clic. Questa guida è aggiornata e copre facebook.com e le app mobili.

5 modi per creare e aggiungere un nuovo utente in Windows 11

5 modi per creare e aggiungere un nuovo utente in Windows 11

Scopri come creare nuovi account utente locali e aggiungere account Microsoft in Windows 11. Tutti i metodi e le scorciatoie per gestire gli utenti.

8 modi per regolare la luminosità in Windows 11

8 modi per regolare la luminosità in Windows 11

Scopri come regolare la luminosità del tuo dispositivo Windows 11 con tasti di scelta rapida, impostazioni rapide e altro.

Risoluzione dei problemi relativi alle impostazioni di Microsoft Edge Winaero Tweaker

Risoluzione dei problemi relativi alle impostazioni di Microsoft Edge Winaero Tweaker

Stanco dei problemi di correzione delle impostazioni di Microsoft Edge Winaero Tweaker? Ottieni soluzioni permanenti per impostazioni che non si bloccano, ripristini e modifiche che non funzionano nelle ultime versioni di Edge. Guida dettagliata con screenshot per una rapida risoluzione.

Risoluzione del problema di indicizzazione sospesa di Microsoft Edge Search

Risoluzione del problema di indicizzazione sospesa di Microsoft Edge Search

Stanco di Microsoft Edge Search Paused che blocca le tue ricerche nelle schede? Ottieni soluzioni di indicizzazione comprovate e dettagliate per ricostruire il tuo indice, velocizzare Edge ed eliminare definitivamente l'errore. Funziona con le versioni più recenti!

Come correggere lerrore dello script di Microsoft Edge durante la stampa

Come correggere lerrore dello script di Microsoft Edge durante la stampa

Stanco di errori di script di Microsoft Edge che rovinano le tue stampe? Segui la nostra guida passo passo comprovata per risolverlo rapidamente, senza bisogno di competenze tecniche. Funziona con le ultime versioni di Edge per una stampa impeccabile.

Risoluzione dei problemi di rete in modalità provvisoria di Microsoft Edge

Risoluzione dei problemi di rete in modalità provvisoria di Microsoft Edge

Problemi con la modalità provvisoria di Microsoft Edge? Scopri i passaggi comprovati per risolvere i problemi di connettività in modalità provvisoria di Edge. Collegati rapidamente a Internet con la nostra guida esperta.

Come risolvere lerrore di aggiornamento di Microsoft Edge 0x80073712

Come risolvere lerrore di aggiornamento di Microsoft Edge 0x80073712

Hai problemi con l'errore 0x80073712 di Microsoft Edge Update? Scopri soluzioni dettagliate come la scansione SFC, la riparazione DISM e il ripristino di Edge per risolverlo rapidamente. Non sono richieste competenze tecniche!

Risoluzione dei problemi relativi alla schermata nera di YouTube su Microsoft Edge

Risoluzione dei problemi relativi alla schermata nera di YouTube su Microsoft Edge

Hai problemi con la schermata nera di YouTube su Microsoft Edge? Scopri i passaggi comprovati per risolvere il problema della schermata nera di YouTube su Microsoft Edge: svuota la cache, disattiva l'accelerazione hardware e altro ancora per una riproduzione video fluida. Soluzioni rapide e semplici all'interno!

Come risolvere il problema di audio e video Web non sincronizzati di Microsoft Edge

Come risolvere il problema di audio e video Web non sincronizzati di Microsoft Edge

Problemi di audio non sincronizzato nei video web di Microsoft Edge? Ottieni soluzioni immediate per una perfetta sincronizzazione audio-video. Guida dettagliata con metodi comprovati per risolvere problemi di lag, ritardo e desincronizzazione su siti come YouTube e Netflix.

Come risolvere il problema della sovrapposizione delle icone nella barra delle applicazioni di Microsoft Edge

Come risolvere il problema della sovrapposizione delle icone nella barra delle applicazioni di Microsoft Edge

Stanco delle icone sovrapposte sulla barra delle applicazioni di Microsoft Edge che ingombrano lo schermo? Segui le nostre comprovate soluzioni passo passo per una barra delle applicazioni pulita. Soluzioni rapide che funzionano sulle ultime versioni di Edge, senza bisogno di competenze tecniche!

Risoluzione del problema di isolamento del core di Microsoft Edge che non si attiva

Risoluzione del problema di isolamento del core di Microsoft Edge che non si attiva

Problemi con l'isolamento del core di Microsoft Edge che non si attiva? Scopri le soluzioni dettagliate per i problemi di isolamento del core, tra cui modifiche al BIOS, aggiornamenti dei driver e riparazioni di Windows per aumentare immediatamente la sicurezza.

Come risolvere il problema del driver mancante di Microsoft Edge Precision

Come risolvere il problema del driver mancante di Microsoft Edge Precision

Problemi con l'errore "Microsoft Edge Precision Driver Missing"? Scopri soluzioni dettagliate per ripristinare la fluidità dei gesti, gli aggiornamenti e le prestazioni del touchpad. Soluzioni rapide e affidabili per gli utenti Windows.

Risoluzione dei problemi relativi allerrore Sandbox di Windows di Microsoft Edge

Risoluzione dei problemi relativi allerrore Sandbox di Windows di Microsoft Edge

Hai riscontrato un errore di Microsoft Edge in Windows Sandbox? Scopri le soluzioni dettagliate per risolverlo rapidamente. Abilita le funzionalità, aggiorna le impostazioni e ripristina la navigazione fluida oggi stesso!

Come risolvere il problema di avvio di Microsoft Edge con disco rigido elevato

Come risolvere il problema di avvio di Microsoft Edge con disco rigido elevato

Stanco di Microsoft Edge Startup Boost che causa un utilizzo eccessivo del disco? Scopri le soluzioni dettagliate per disattivarlo, ripristinare la velocità del tuo PC e prevenire problemi futuri. Veloce, facile ed efficace!

Come risolvere lerrore delle impostazioni della shell classica di Microsoft Edge

Come risolvere lerrore delle impostazioni della shell classica di Microsoft Edge

Stai riscontrando il fastidioso errore nelle impostazioni della shell classica di Microsoft Edge? Scopri soluzioni comprovate e dettagliate per ripristinare una navigazione fluida. Soluzioni rapide per utenti Windows, senza bisogno di competenze tecniche!

Risoluzione dei problemi relativi alleffetto mica di Microsoft Edge che non funziona

Risoluzione dei problemi relativi alleffetto mica di Microsoft Edge che non funziona

Risoluzione dei problemi relativi all'effetto Mica di Microsoft Edge che non funziona? Scopri le soluzioni dettagliate per abilitare la splendida trasparenza Mica in Edge su Windows 11. Soluzioni rapide, semplici e efficaci!

Risoluzione dei problemi relativi alla chiave di ripristino di BitLocker di Microsoft Edge

Risoluzione dei problemi relativi alla chiave di ripristino di BitLocker di Microsoft Edge

Hai problemi con la chiave di ripristino di BitLocker in Microsoft Edge? Questa guida dettagliata alla risoluzione dei problemi risolve rapidamente gli errori più comuni. Recupera la tua chiave in modo sicuro dal tuo account Microsoft senza stress. Aggiornata con gli ultimi suggerimenti!