Testați cum arată un site web pe mobil cu browserul Chrome

De Administrator

A avea un site web care funcționează bine pe toate platformele este extrem de necesar în epoca actuală. Există multe instrumente online pentru a testa un site web în diferite rezoluții. Dar, știți că nu aveți nevoie de niciun instrument online sau offline și puteți testa versiunea mobilă a site-ului web chiar în browserul dvs. Chrome. Iată pașii pentru a face acest lucru.

Pasul 1 - În primul rând Deschideți orice site web în browserul Chrome.

Pasul 2 - Apăsați CTRL + Shift + I pentru a deschide consola.

De asemenea, puteți deschide pe trei puncte în dreapta sus și apoi faceți clic pe Mai multe instrumente -> Instrumente pentru dezvoltatori.

Consola pentru dezvoltatori Chrome

Pasul 3 - Acum, apăsați CTRL + Shift + M. De asemenea, puteți face clic pe pictograma de comutare așa cum se arată.

Rezoluție mobilă Chrome

Site-ul dvs. web va fi afișat acum în rezoluție mobilă în browserul Chrome.

Iată o versiune mobilă a site-ului meu Merabheja.comInstrumente pentru dezvoltatori Chrome pentru site-ul versiunii mobile

Pasul 4 - Faceți clic pe numele modelului mobil pentru a schimba modelul mobil cu rezoluții diferite.

Pasul 5 - Pentru a vedea site-ul dvs. într-o rezoluție personalizată sau dispozitive, nu în listă, faceți clic pe Editați | ×.

Adăugați rezoluție personalizată

Pasul 6 - Alegeți dispozitivul dintr-o listă lungă de diferite telefoane mobile. Sau dacă doriți o rezoluție personalizată (Sau telefonul dvs. nu este în listă), faceți clic pe Adăugați un dispozitiv personalizat.

Adăugați rezoluția dispozitivului personalizat

Astfel, în acest mod puteți testa versiunea mobilă a site-urilor folosind Chrome și fără nicio extensie.

Arhivat sub: crom

Actualizare Chrome 2023: Google testează noi variante pentru butonul Filă nouă

Actualizare Chrome 2023: Google testează noi variante pentru butonul Filă nouăCrom

Noul buton Tab arată mult mai elegant decât cel vechiGoogle a lansat deja un nou aspect pentru browserul Chrome cu numele de cod „Chrome Refresh 2023”. Această actualizare include colțuri rotunjite...

Citeste mai mult
Google adaugă un nou buton Organizare filele în Chrome

Google adaugă un nou buton Organizare filele în ChromeCromGoogle

Opțiunea grupează automat file similare.Chrome Canary a adăugat o nouă opțiune pentru ca utilizatorii să își organizeze experiența de navigare, butonul Organizați filele. Depistat de un pasionat de...

Citeste mai mult
Chrome 119 este disponibil în Early Stable: iată ce este nou

Chrome 119 este disponibil în Early Stable: iată ce este nouCrom

Grupurile de file se pot sincroniza acum pe toate dispozitivele dvsGoogle a lansat Chrome 119 pentru Windows, Mac și Linux pentru Early Stable. Actualizarea aduce noi funcții, îmbunătățiri și remed...

Citeste mai mult