Cum să utilizați emulatorul de browser mobil în Chrome, Firefox, Edge și Opera

Trebuie să accesați un emulator de browser pentru smartphone pe computer pentru a testa versiunea mobilă a unui site web care vă interesează? Poate că sunteți un dezvoltator web sau doriți să deveniți unul și trebuie să simulați un browser mobil pentru proiectul la care lucrați. Indiferent de motivele dvs., iată cum să accesați un emulator de browser mobil în Google Chrome, Mozilla Firefox, Microsoft Edge și Opera:

Cuprins

1. Cum să activați și să utilizați emulatorul browserului mobil în Google Chrome
2. Cum să porniți și să utilizați emulatorul de browser mobil în Mozilla Firefox
3. Cum să activați și să utilizați emulatorul de browser mobil în Microsoft Edge
4. Cum să porniți și să utilizați emulatorul browserului mobil în Opera
5. Sunteți mulțumit de opțiunile de emulare a browserului mobil disponibile?

Cum să activați și să utilizați emulatorul browserului mobil în Google Chrome

În Google Chrome, navigați la site-ul web pe care doriți să îl vizualizați în emulatorul browserului mobil. Apoi, fie apăsați tastele CTRL + SHIFT + I de pe tastatură, fie, cu mouse-ul, faceți clic pe cele trei puncte verticale din colțul din dreapta sus pentru a deschide meniul „Personalizați și controlați Google Chrome” . Alegeți Mai multe instrumente, urmat de Instrumente pentru dezvoltatori .

Accesați Instrumentele pentru dezvoltatori în Google Chrome

Faceți clic sau atingeți butonul „Toggle device toolbar” (pare un smartphone lângă o tabletă) sau apăsați CTRL + Shift + M de pe tastatură. Aceasta activează bara de instrumente a dispozitivului în care este încărcată pagina mobilă. În mod implicit, bara de instrumente a dispozitivului folosește un șablon Responsive pentru site-ul pe care l-ați încărcat. Faceți clic pe el și alegeți dispozitivul mobil pe care doriți să îl emulați. Opțiunile dvs. includ multe iPhone-uri, iPad-uri, Surface Duo, două dispozitive Samsung Galaxy și un simulator de browser mobil Moto G4 pentru computer.

Cum să activați emulatorul browserului mobil în Google Chrome

SFAT: Din păcate, puteți utiliza comanda rapidă de la tastatură CTRL + Shift + M numai după ce activați instrumentele pentru dezvoltatori.

Navigați pe site-ul pe care doriți să îl testați, comutați între diferitele smartphone-uri și tablete și vedeți cum arată. Când ați terminat, apăsați butonul X (Închidere) din colțul din dreapta sus al instrumentelor pentru dezvoltatori Google Chrome pentru a reveni la modul standard de navigare pe desktop.

Închiderea emulatorului de browser mobil Google Chrome

SFAT: dacă sunteți un utilizator intens al Google Chrome, vă recomandăm să aflați și cum să utilizați opțiunile de control media din Google Chrome .

Cum să porniți și să utilizați emulatorul de browser mobil în Mozilla Firefox

În Mozilla Firefox, deschideți site-ul pentru care doriți să utilizați un simulator de browser mobil. Apoi, fie apăsați CTRL + Shift + M de pe tastatură, fie faceți clic pe butonul burger din colțul din dreapta sus pentru a deschide meniul Firefox și alegeți Web Developer .

Accesați instrumentele pentru dezvoltatori web în Firefox

Veți vedea un meniu plin cu instrumente care sunt utile dezvoltatorilor web. În listă, selectați „Modul de design responsiv”, iar acest mod special de vizualizare a unei pagini web este încărcat în Firefox.

Alegeți modul de proiectare receptivă în Firefox

Firefox activează modul de proiectare receptivă . În partea de sus a ferestrei, vedeți parametrii utilizați de acest mod de emulare. Dacă nu este selectat niciun dispozitiv, faceți clic sau apăsați pe Responsive pentru a deschide o listă derulantă cu dispozitive disponibile pentru emulare, apoi alegeți-l pe cel pe care doriți să îl simulați.

Puteți simula browserul mobil pentru multe iPhone, iPad, Kindle Fire (Firefox este singurul browser care oferă această opțiune de emulare) și dispozitive Samsung Galaxy S9.

Utilizați emulator de browser mobil în Firefox

Când ați terminat testarea cu emulatorul browserului smartphone-ului, apăsați butonul X (Închidere modul de design receptiv) din colțul din dreapta sus al Mozilla Firefox.

Închideți emulatorul browserului mobil în Firefox

Ați revenit la modul standard de navigare pe desktop.

Cum să activați și să utilizați emulatorul de browser mobil în Microsoft Edge

Microsoft Edge folosește același motor de randare ca Google Chrome și oferă aceleași emulatori de browser pentru smartphone. Pentru a le accesa, vizitați site-ul web pe care doriți să îl testați și fie apăsați tastele CTRL + SHIFT + I de pe tastatură, fie faceți clic pe cele trei puncte orizontale ( "Setări și altele" ) din colțul din dreapta sus al Microsoft Edge. În meniul care apare, accesați Mai multe instrumente și apoi la Instrumente pentru dezvoltatori .

Accesați instrumentele pentru dezvoltatori în Microsoft Edge

Faceți clic pe butonul „Comutare emulare dispozitiv” (pare un smartphone lângă o tabletă) sau apăsați CTRL + Shift + M de pe tastatură. Aceasta activează bara de instrumente a emulatorului browserului mobil. În mod implicit, folosește un șablon Responsive pentru site-ul pe care l-ați încărcat. Faceți clic pe el și alegeți dispozitivul mobil pe care doriți să îl emulați. Opțiunile dvs. includ aceleași smartphone-uri și tablete ca Google Chrome.

Accesați emulatorul de browser mobil în Microsoft Edge

Răsfoiți site-ul pe care doriți să îl testați, schimbați între diferitele dispozitive mobile și vedeți cum arată. Când ați terminat, apăsați butonul X (Închidere) din colțul din dreapta sus al Microsoft Edge.

Închideți emulatorul browserului mobil în Microsoft Edge

Acum ați revenit la modul standard de navigare pe desktop.

Cum să porniți și să utilizați emulatorul browserului mobil în Opera

În Opera, vizitați pagina web pe care doriți să o vizualizați ca și cum ați folosi un dispozitiv mobil. Apoi faceți clic pe pictograma Opera din stânga sus ( „Personalizați și controlați Opera” ). În meniul care se deschide, alegeți Dezvoltator urmat de Instrumente pentru dezvoltatori . Dacă preferați tastatura, apăsați tastele CTRL+Shift+I pentru același rezultat.

Accesați instrumentele pentru dezvoltatori în Opera

Instrumentele pentru dezvoltatori sunt afișate în partea dreaptă a ferestrei browserului. Faceți clic pe butonul „Comutare bara de instrumente dispozitiv” (pare un smartphone lângă o tabletă) sau apăsați CTRL + Shift + M de pe tastatură. Bara de instrumente a dispozitivului este afișată în stânga. În mod implicit, folosește un șablon Responsive pentru site-ul pe care l-ați încărcat. Faceți clic pe el și alegeți dispozitivul mobil pe care doriți să-l emulați din lista de opțiuni. Opera oferă aceiași emulatori de browser mobil ca Google Chrome și Microsoft Edge, deoarece se bazează pe același motor de randare (Chromium).

Accesați emulatorul de browser mobil în Opera

Când ați terminat testarea, apăsați butonul X (Închidere) din colțul din dreapta sus pentru a reveni la modul standard de navigare pe desktop.

Închideți emulatorul browserului mobil în Opera

Sunteți mulțumit de opțiunile de emulare a browserului mobil disponibile?

Acum știi cum să emulezi tot felul de dispozitive mobile în browserul tău web preferat. Cu toate acestea, este posibil să observați că majoritatea browserelor web oferă aceleași opțiuni de emulare care favorizează iPhone-urile și iPad-urile. Dacă vrei să emulezi un smartphone sau o tabletă Android modern, șansele tale sunt destul de mici, chiar și în Google Chrome - browserul dezvoltat de compania din spatele Androidului. Dacă doriți cele mai bune rezultate, poate fi necesar să utilizați două browsere pentru această sarcină: Chrome și Firefox, sau Firefox și Edge sau Opera. Înainte de a pleca, spuneți-ne ce părere aveți despre opțiunile disponibile.