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
Sign up and earn $1000 a day ⋙

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.

Istruzioni per disabilitare larchiviazione ChatGPT

Istruzioni per disabilitare larchiviazione ChatGPT

Gli utenti possono anche personalizzare la disattivazione della memoria di ChatGPT in qualsiasi momento, sia nella versione per dispositivi mobili che in quella per computer. Ecco le istruzioni per disabilitare l'archiviazione ChatGPT.

Istruzioni per vedere lultimo orario di Windows Update

Istruzioni per vedere lultimo orario di Windows Update

Per impostazione predefinita, Windows Update verifica automaticamente la presenza di aggiornamenti e puoi anche vedere quando è stato effettuato l'ultimo aggiornamento. Ecco le istruzioni su come scoprire quando è stato effettuato l'ultimo aggiornamento di Windows.

Le istruzioni per eliminare leSIM su iPhone sono molto semplici

Le istruzioni per eliminare leSIM su iPhone sono molto semplici

In pratica anche per noi l'operazione per eliminare l'eSIM dall'iPhone è semplice da seguire. Ecco le istruzioni per rimuovere l'eSIM dall'iPhone.

Come convertire Live Photo in Boomerang su iPhone

Come convertire Live Photo in Boomerang su iPhone

Oltre a salvare le Live Photos come video su iPhone, gli utenti possono convertire le Live Photos in Boomerang su iPhone in modo molto semplice.

Come bloccare lattivazione automatica di SharePlay su iPhone

Come bloccare lattivazione automatica di SharePlay su iPhone

Molte app abilitano automaticamente SharePlay quando usi FaceTime, il che può farti premere accidentalmente il pulsante sbagliato e rovinare la videochiamata che stai effettuando.

Come utilizzare Click to Do su Windows 11

Come utilizzare Click to Do su Windows 11

Quando attivi "Clicca per fare", la funzionalità funziona e comprende il testo o l'immagine su cui clicchi, quindi esprime giudizi per suggerire azioni contestuali pertinenti.

Come accendere la luce della tastiera del laptop e attivare la retroilluminazione della tastiera su Windows 10

Come accendere la luce della tastiera del laptop e attivare la retroilluminazione della tastiera su Windows 10

Attivando la retroilluminazione della tastiera, questa si illuminerà, il che sarà utile quando si lavora in condizioni di scarsa illuminazione o per rendere più accattivante l'area di gioco. Di seguito puoi scegliere tra 4 metodi per accendere le luci della tastiera del tuo computer portatile.

Come entrare in modalità provvisoria in Windows 10 allavvio

Come entrare in modalità provvisoria in Windows 10 allavvio

Esistono molti modi per accedere alla modalità provvisoria su Windows 10, nel caso in cui non sia possibile accedere a Windows. Per accedere alla modalità provvisoria di Windows 10 all'avvio del computer, fare riferimento all'articolo seguente di WebTech360.

Come creare foto in stile Ghibli su Grok AI

Come creare foto in stile Ghibli su Grok AI

Grok AI ha ora ampliato il suo generatore di foto AI per trasformare le foto personali in nuovi stili, come la creazione di foto in stile Studio Ghibli ispirate a famosi film d'animazione.

Istruzioni per registrarsi gratuitamente a Google One AI Premium per 1 mese

Istruzioni per registrarsi gratuitamente a Google One AI Premium per 1 mese

Google One AI Premium offre agli utenti un periodo di prova gratuito di 1 mese per registrarsi e provare numerose funzionalità aggiornate, come l'assistente Gemini Advanced.

Come disattivare le ricerche recenti su Safari

Come disattivare le ricerche recenti su Safari

A partire da iOS 18.4, Apple consente agli utenti di decidere se visualizzare o meno le ricerche recenti in Safari.

Istruzioni per la modifica dei video di registrazione dello schermo su Snipping Tool

Istruzioni per la modifica dei video di registrazione dello schermo su Snipping Tool

Windows 11 ha integrato l'editor video Clipchamp in Snipping Tool, così gli utenti possono modificare i video come desiderano, senza dover utilizzare altre applicazioni.

Come creare un grafico a imbuto in PowerPoint

Come creare un grafico a imbuto in PowerPoint

I grafici a imbuto solitamente mostrano come le diverse fasi si fondono in un output più piccolo. Ecco una guida per creare un grafico a imbuto in PowerPoint.

Come cancellare gli appunti su iPhone

Come cancellare gli appunti su iPhone

Lo strumento Appunti su iPhone consente di memorizzare immagini o dati. Tuttavia, salvare troppe informazioni può compromettere la tua privacy. In tal caso, puoi impostare una scorciatoia per cancellare gli appunti.

Istruzioni per la creazione di un account ID Apple per bambini

Istruzioni per la creazione di un account ID Apple per bambini

Per garantire la sicurezza dei bambini quando usano il telefono, i genitori possono creare un account ID Apple per i propri figli tramite la funzione "In famiglia" su iPhone.