Funcția Mod de dispozitiv Chrome: emulați dispozitivele mobile rapid

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

Ca webmaster, nu trebuie doar să vă asigurați că conținutul potrivit este afișat utilizatorilor de desktop, ci și că utilizatorii de telefonie mobilă sunt serviți corect.

Aceasta poate fi o problemă importantă, având în vedere că nu puteți testa toate sistemele de operare, browserele și rezoluțiile de ecran posibile pe care le folosesc aceste dispozitive, cel puțin nu fără emulare sau cu un ajutor software.

Unul dintre lucrurile pe care doriți să vă asigurați este că site-ul afișează bine indiferent de dimensiunea ecranului. Ar trebui să fie afișat bine pentru vizitatorii care navighează pe web cu Apple iPhone Iphone 5, cu un dispozitiv Google Nexus, un telefon Windows sau un Amazon Kindle.

Modul dispozitiv Google Chrome, disponibil și în Chromium, vă oferă instrumentele pentru a emula rapid dispozitivele mobile în browser.

O aplicație este să vă asigurați că ecranul afișează bine pe dispozitiv, o altă pentru a afla cât de bine este livrat conținutul dispozitivului.

Notă : Versiunile de lansare ale Chrome pot lipsi unele moduri de dispozitiv și funcții de emulare. Cu toate acestea, aceste funcții vor fi disponibile.

Porniți modul dispozitiv

Pentru a porni modul dispozitivului, deschideți mai întâi Instrumentele pentru dezvoltatori. Puteți face acest lucru cu comanda rapidă Ctrl-Shift-i sau făcând clic pe pictograma Hamburger și selectând Mai multe instrumente> Instrumente pentru dezvoltatori din meniul contextual.

Aici trebuie să selectați butonul pentru modul dispozitiv pe care îl găsiți listat în colțul din stânga sus, lângă pictograma inspectorului.

Odată terminat, un nou meniu este afișat în partea de sus și veți observa că riglele sunt afișate și pe verticală și pe orizontală.

chrome device mode

Puteți utiliza meniul dispozitivului din partea de sus pentru a selecta un anumit dispozitiv care vă interesează. Chrome va modifica automat pagina pentru a se potrivi cu rezoluția (pe care o puteți dezactiva dacă doriți).

Pe lângă opțiunile de a schimba rapid între diferite dispozitive, sunt acceptate câteva zeci de dispozitive, specifice și generice, este posibil, de asemenea, să permită accelerarea rețelei să emuleze conexiuni lente și să modifice agentul de utilizator care este schimbat automat la schimbarea dispozitivelor.

În funcție de site-ul în cauză, poate fi necesar să o reîncărcați pentru rezultate adecvate. Acesta este, de exemplu, cazul Ghacks în care a trebuit să reîncărc pagina pentru a afișa versiunea mobilă a site-ului.

O altă opțiune interesantă este posibilitatea de a schimba rapid lățimea și înălțimea ecranului pentru a emula modul peisaj.

Puteți afla mai multe despre alte caracteristici ale modului dispozitiv pe site-ul oficial al dezvoltatorului Chrome .

Concluzie

Modul dispozitiv oferă un mod excelent de testare a modului în care conținutul site-ului web este afișat pe diverse dispozitive mobile emulate. Poate fi utilizat pentru a testa rapid dacă versiunea mobilă a unui site funcționează așa cum intenționează sau dacă este necesar să fie făcute modificări pentru a afișa conținutul mai bine utilizatorilor de telefonie mobilă.