Avere un sito web che funzioni bene su tutte le piattaforme è estremamente necessario nell’era di oggi. Esistono molti strumenti online per testare un sito Web in diverse risoluzioni. Ma sai che non hai bisogno di alcuno strumento online o offline e puoi testare la versione mobile del sito web direttamente dal tuo browser Chrome. Ecco i passaggi per farlo.

Passaggio 1: prima di tutto apri qualsiasi sito Web nel browser Chrome.

Passaggio 2: ora premi CTRL + Maiusc + I per aprire la console.

Puoi anche aprire su tre punti in alto a destra e quindi fare clic su Altri strumenti -> Strumenti per sviluppatori.

Console per gli sviluppatori Chrome

Passaggio 3: ora, premere CTRL + MAIUSC + M . Puoi anche fare clic sull’icona di attivazione / disattivazione come mostrato.

Chrome con risoluzione mobile

Il tuo sito web verrà ora mostrato con risoluzione mobile nel browser Chrome.

Ecco una versione mobile del mio sito web Merabheja.comStrumenti per sviluppatori Chrome del sito versione mobile

Passaggio 4: è sufficiente fare clic sul nome del modello di cellulare per modificare il modello di cellulare con risoluzioni diverse.

Passaggio 5: per visualizzare il tuo sito Web con una risoluzione o dispositivi personalizzati, non nell’elenco, fare clic su modificare.

Aggiungi risoluzione personalizzata

Passaggio 6: scegli il tuo dispositivo da un lungo elenco di cellulari diversi. Oppure, se desideri una risoluzione personalizzata (o il tuo telefono non è nell’elenco), fai clic su Aggiungi dispositivo personalizzato.

Aggiungi risoluzione dispositivo personalizzata

In questo modo puoi testare la versione mobile dei siti che utilizzano chrome e senza alcuna estensione.