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^(Regardless) dalle tue ragioni, ecco come accedere a un emulatore di browser mobile in Google Chrome , Mozilla Firefox , Microsoft Edge e Opera:

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

In Google Chrome , vai al sito Web che desideri visualizzare nell'emulatore del browser mobile. Quindi, premi i CTRL + SHIFT + 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" . ^{(“Customize and control Google Chrome”)}Scegli Altri strumenti,^{(More tools, )} seguito da Strumenti per sviluppatori^{(Developer Tools)} .

Accedi agli Strumenti per sviluppatori^{(Access Developer Tools)} in Google Chrome

Fare clic o toccare il pulsante "Attiva/disattiva barra degli strumenti del dispositivo"^{(“Toggle device toolbar”)} (sembra uno smartphone accanto a un tablet) o premere CTRL + Shift + 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^(Responsive) per il sito caricato. Fare clic^(Click) su di esso e scegliere il dispositivo mobile che si desidera emulare. Le opzioni includono molti iPhone, iPad, Surface Duo , due dispositivi Samsung Galaxy e un simulatore di browser mobile Moto G4^{(Moto G4 mobile)} per PC.

Come abilitare l'emulatore del browser mobile in Google Chrome

SUGGERIMENTO:^(TIP:) Sfortunatamente, puoi usare la scorciatoia da tastiera CTRL + Shift + M

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

Chiusura dell'emulatore del browser mobile Google Chrome

SUGGERIMENTO:^(TIP:) se sei un utente pesante di Google Chrome , potresti anche voler imparare a utilizzare le opzioni di controllo multimediale di Google Chrome^{(how to use Google Chrome’s media control options)} .

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 + Shift + 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^{(Web Developer)} .

Accedi agli strumenti per sviluppatori Web in ^{(Web Developer)}Firefox

Viene visualizzato un menu pieno di strumenti utili agli sviluppatori web. Nell'elenco, seleziona "Modalità di progettazione reattiva"^{(“Responsive Design Mode,”)} e questa particolare modalità di visualizzazione di una pagina Web viene caricata in Firefox .

Scegli la modalità di progettazione reattiva^{(Responsive Design Mode)} in Firefox

Firefox abilita la modalità di progettazione reattiva^{(Responsive Design Mode)} . 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^(Responsive) 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 .

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)^{(X (Close Responsive Design Mode))} nell'angolo in alto a destra di Mozilla Firefox .

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 CTRL + SHIFT + I sulla tastiera o fai clic sui tre punti orizzontali ( "Impostazioni e altro"^{(“Settings and more”)} ) nell'angolo in alto a destra di Microsoft Edge . Nel menu che appare, vai su Altri strumenti^{(More tools)} e poi su Strumenti per sviluppatori^{(Developer Tools)} .

Accedi agli strumenti per sviluppatori in ^(Developer)Microsoft Edge

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

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)^{(X (Close))} nell'angolo in alto a destra di Microsoft Edge.

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 ( ^(Opera)"Personalizza e controlla Opera"^{(“Customize and control Opera”)} ). Nel menu che si apre, scegli Sviluppatore^(Developer) seguito da Strumenti^{(Developer tools)} per sviluppatori . Se preferisci la tastiera, premi i CTRL+Shift+I per ottenere lo stesso risultato.

Accedi agli strumenti per sviluppatori in Opera

Gli strumenti per sviluppatori^{( Developer tools)} sono visualizzati sul lato destro della finestra del browser. Fai clic sul pulsante "Attiva/disattiva barra degli strumenti del dispositivo"^{(“Toggle device toolbar”)} (sembra uno smartphone accanto a un tablet) o premi CTRL + Shift + M sulla tastiera. La barra degli strumenti del dispositivo è mostrata a sinistra. Per impostazione predefinita, utilizza un modello reattivo^(Responsive) per il sito che hai caricato. Fare clic^(Click) 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 ).

Accedi all'emulatore del browser mobile in Opera

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

Chiudi l'emulatore del browser mobile in Opera

Sei^(Are) 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 ed Edge o Opera . Prima di andare, facci sapere cosa ne pensi delle opzioni disponibili.

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

Do you need to access a smartphone browser emulator on your PC to test the mobile version оf a website you are interested in? Maybe you are a web developer, or you want tо becomе one, and yоu need to sіmulate a mobile brоwser for the project you are working on. Regardless of your rеasons, here is how to access a mobile browser emulator in Google Chrome, Mozilla Firefox, Microsoft Edge, and Opera:

How to turn on and use the mobile browser emulator in Google Chrome

In Google Chrome, navigate to the website that you want to view in the mobile browser emulator. Then, either press the CTRL + SHIFT + I keys on your keyboard or, with the mouse, click the three vertical dots in the top-right corner to open the “Customize and control Google Chrome” menu. Choose More tools, followed by Developer Tools.

Access Developer Tools in Google Chrome

Click or tap on the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the device toolbar where the mobile page is loaded. By default, the device toolbar uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include many iPhones, iPads, Surface Duo, two Samsung Galaxy devices, and a Moto G4 mobile browser simulator for PC.

How to enable the mobile browser emulator in Google Chrome

TIP: Unfortunately, you can use the CTRL + Shift + M keyboard shortcut only after enabling the developer tools.

Navigate the site you want to test, switch between the different smartphones and tablets, and see how it looks. When you are done, press the X (Close) button in the top-right corner of Google Chrome’s developer tools to get back to the standard desktop browsing mode.

Closing the mobile browser emulator Google Chrome

TIP: If you are a heavy Google Chrome user, you may also want to learn how to use Google Chrome’s media control options.

How to turn on and use the mobile browser emulator in Mozilla Firefox

In Mozilla Firefox, open the site for which you want to use a mobile browser simulator. Then, either press CTRL + Shift + M on your keyboard or click the burger button on the top-right corner to open Firefox’s menu, and choose Web Developer.

Access the Web Developer tools in Firefox

You see a menu filled with tools that are useful to web developers. In the list, select “Responsive Design Mode,” and this particular mode of viewing a web page is loaded in Firefox.

Choose the Responsive Design Mode in Firefox

Firefox enables the Responsive Design Mode. At the top of the window, you see the parameters used by this emulation mode. If no device is selected, click or tap on Responsive to open a drop-down list with devices available for emulation, and then choose the one that you want to simulate.

You can simulate the mobile browser for many iPhones, the iPad, the Kindle Fire (Firefox is the only browser to offer this emulation option), and Samsung Galaxy S9 devices.

Use the mobile browser emulator in Firefox

When you’re done testing with the smartphone browser emulator, press the X (Close Responsive Design Mode) button on the top-right corner of Mozilla Firefox.

Close the mobile browser emulator in Firefox

You are back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Microsoft Edge

Microsoft Edge uses the same rendering engine as Google Chrome and offers the same smartphone browser emulators. To access them, visit the website that you want to test, and either press the CTRL + SHIFT + I keys on your keyboard or click the three horizontal dots (“Settings and more”) in the top-right corner of Microsoft Edge. In the menu that appears, go to More tools and then to Developer Tools.

Access the Developer tools in Microsoft Edge

Click the “Toggle device emulation” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the mobile browser emulator toolbar. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include the same smartphones and tablets as Google Chrome.

Access the mobile browser emulator in Microsoft Edge

Browse the site you want to test, change between the different mobile devices, and see how it looks. When you are done, press the X (Close) button in Microsoft Edge’s top-right corner.

Close the mobile browser emulator in Microsoft Edge

You are now back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Opera

In Opera, visit the web page that you want to view as if you were using a mobile device. Then click the Opera icon on the top-left (“Customize and control Opera”). In the menu that opens, choose Developer followed by Developer tools. If you prefer the keyboard, press the CTRL+Shift+I keys for the same result.

Access the Developer tools in Opera

The Developer tools are displayed on the right side of the browser window. Click the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. The device toolbar is shown on the left. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate from the list of options. Opera offers the same mobile browser emulators as Google Chrome and Microsoft Edge, as it is based on the same rendering engine (Chromium).

Access the mobile browser emulator in Opera

When you are done testing, press the X (Close) button in the top-right corner to get back to the standard desktop browsing mode.

Close the mobile browser emulator in Opera

Are you happy with the mobile browser emulation options available?

Now you know how to emulate all kinds of mobile devices in your favorite web browser. However, you might notice that most web browsers offer the same emulation options that favor iPhones and iPads. If you want to emulate a modern Android smartphone or tablet, your chances are pretty slim, even in Google Chrome - the browser developed by the company behind Android. If you want the best results, you might need to use two browsers for this task: Chrome and Firefox, or Firefox and Edge or Opera. Before you go, tell us what you think about the available options.

Related posts

• Come silenziare una scheda Chrome, Firefox, Microsoft Edge e Opera

• Come stampare un articolo senza annunci in tutti i principali browser

• Come inserire un sito Web alla barra delle applicazioni o allo Start Menu in Windows 10

• Come rendere Chrome lo default browser in Windows 10 (Firefox & Opera)

• Come cambiare lo default browser in Windows 11

• Come mettere da parte le schede in Microsoft Edge e usarle in seguito

• Come rendere Google il mio search engine in Microsoft Edge

• Come mettere Google Chrome in Dark Mode

• Domande semplici: cosa sono i cookie e cosa fanno?

• A proposito di InPrivate and Incognito. Qual è la navigazione privata? Which browser è il migliore?

• Come ingrandire e ridurre il tuo web browser

• 5 Problemi che rendono Microsoft Edge un browser Web peggiore di altri

• Come cancellare i cookie su Android (Chrome, Firefox, Opera, Samsung Internet)

• Come abilitare Java in tutti i principali browser web

• Come accendere e spegnere Dark Mode in Microsoft Edge

• Quale versione di Microsoft Edge ho?

• Come impostare un server proxy in Chrome, Firefox, Edge e Opera

• Come avviare Microsoft Edge in Windows 10 (12 modi)

• Quale versione di Chrome ho?6 modi per scoprirlo

• Come usare Microsoft Edge Collections