dezvoltatorii Web testează adesea un site web pe un anumit browser (de exemplu, Chrome) în mod repetat în faza de dezvoltare. Acest lucru îi ajută să verifice modul în care fiecare modificare a bazei de cod se reflectă în browser. Acest proces asigură că dezvoltatorii web își optimizează site-urile pentru lumea reală.cu toate acestea, dezvoltatorii trebuie să țină cont și de faptul că 52% din traficul web total provine de pe dispozitive mobile. Drept urmare, trebuie să se asigure că site-urile lor web sunt bine optimizate pentru a rula pe browserele mobile., Chrome este indiscutabil cel mai important browser mobil, cu o cotă de piață actuală de 61.2% la nivel mondial. Prin urmare, testarea versiunilor mobile ale site-urilor web pe Chrome este crucială.acest articol își propune să explice modul în care dezvoltatorii pot vizualiza versiunea mobilă a unui site web pe Chrome prin desktop. De asemenea, explică modul în care se pot testa site-uri web pe dispozitive mobile reale.în primul rând, să înțelegem cum utilizatorii pot vizualiza instantaneu versiunea mobilă a oricărui site web.
utilizarea simulării dispozitivelor în Chrome DevTools pentru vizualizare mobilă
utilizatorii pot vizualiza versiunea mobilă a unui site web utilizând Chrome Devtools.,
enumerate mai jos sunt pașii pentru a vizualiza versiunea mobilă a unui site web pe Chrome:
- deschideți DevTools apăsând F12.
- Faceți clic pe” Device Toggle Toolbar ” disponibil. (Pictograma devine albastră când modul dispozitivului este activat)
- alegeți un dispozitiv pe care doriți să îl simulați din lista dispozitivelor iOS și Android.
- odată ce dispozitivul dorit este ales, acesta afișează vizualizarea mobilă a site-ului web.
Notă: Această abordare vă permite să simula diferite ferestre pe browser-ul desktop., Totuși, acesta nu este cel mai precis mod de a testa versiunea mobilă a unui site web pe Chrome, deoarece este doar o simulare a dispozitivului. Nu poate simula toate aspectele unui dispozitiv mobil real.pentru ca dezvoltatorii web să obțină informații exacte despre teste, testarea extinsă pe dispozitive reale nu este negociabilă. Le permite să verifice site-urile web în condiții reale de utilizare.modul ideal de a testa un site web pe orice dispozitiv mobil este de a-l testa de fapt pe un dispozitiv real., Acest lucru ajută dezvoltatorii să-și monitorizeze site-urile web pe browserele mobile instalate pe dispozitive Android și iOS reale. Procedând astfel, QAs poate evalua performanța unui site web pe mai multe dispozitive mobile și browsere din lumea reală.real device Cloud BrowserStack oferă 2000 + dispozitive reale și browsere pentru a testa pe.,
câteva dintre elementele sale:
- cele mai Recente dispozitive Android de la Samsung, Oneplus, Google și Motorola
- cele mai Recente dispozitive Apple, cum ar fi iPhone X, iPhone 11 Pro
- mai Multe versiuni de conducere browsere, cum ar fi Chrome, Firefox, Safari, Opera instalat pe dispozitivele reale
QAs pot testa pe orice dispozitiv mobil Android sau iOS direct din browser-ul lor. Nu trebuie să descarce browsere sau emulatoare. Pur și simplu conectați-vă, selectați combinația dispozitiv-browser-Sistem de operare și începeți testarea., Imaginea de mai jos este o reprezentare exactă a unei sesiuni de testare live (testarea browserului Chrome pe Samsung S10+) pe BrowserStack.,
Vezi Versiunea pentru Mobil pe Dispozitiv Real Cloud Gratuit,
BrowserStack oferă, de asemenea, următoarele caracteristici :
- în Avans acces la DevTools care permite inspecția de web-elemente de pe pagină
- Geo-locație de testare
- Integrare cu bug populare instrumente de raportare ca Jira, Trello, și Moale
- Testarea de caracteristici, cum ar fi pinch pentru zoom și rotație dispozitiv
metodele explicate mai sus pot ajuta dezvoltatorii de a elimina punctele lor de durere în timp ce depanare orice problema., Aceste metode ajută, de asemenea, la optimizarea performanței unui site web pe mai multe dispozitive.