Трябва ли да получите достъп до емулатор на браузър на смартфон на вашия компютър, за да тествате мобилната версия на уебсайт, който ви интересува? Може би сте уеб разработчик или искате да станете такъв и трябва да симулирате мобилен браузър за проекта, върху който работите. Независимо^(Regardless) от причините, ето как да получите достъп до емулатор на мобилен браузър в Google Chrome , Mozilla Firefox , Microsoft Edge и Opera:

Как да включите и използвате емулатора на мобилния браузър в Google Chrome

В Google Chrome отворете уебсайта, който искате да видите в емулатора на мобилния браузър. След това или натиснете CTRL + SHIFT + I на клавиатурата си, или с мишката щракнете върху трите вертикални точки в горния десен ъгъл, за да отворите менюто „Персонализиране и управление на Google Chrome“ . ^{(“Customize and control Google Chrome”)}Изберете Още инструменти,^{(More tools, )} последвано от Инструменти за разработчици^{(Developer Tools)} .

Достъп до инструментите за програмисти^{(Access Developer Tools)} в Google Chrome

Щракнете или докоснете бутона „Превключване на лентата с инструменти на устройството“^{(“Toggle device toolbar”)} (изглежда като смартфон до таблет) или натиснете CTRL + Shift + M на клавиатурата си. Това активира лентата с инструменти на устройството, където е заредена мобилната страница. По подразбиране лентата с инструменти на устройството използва отзивчив^(Responsive) шаблон за сайта, който сте заредили. Кликнете^(Click) върху него и изберете мобилното устройство, което искате да емулирате. Вашите опции включват много iPhone, iPad, Surface Duo , две устройства Samsung Galaxy и симулатор на мобилен браузър Moto G4^{(Moto G4 mobile)} за компютър.

Как да активирате емулатора на мобилния браузър в Google Chrome

СЪВЕТ:^(TIP:) За съжаление можете да използвате клавишната комбинация CTRL + Shift + M само след като активирате инструментите за разработчици.

Навигирайте^(Navigate) в сайта, който искате да тествате, превключвайте между различните смартфони и таблети и вижте как изглежда. Когато сте готови, натиснете бутона X (Затваряне)^{(X (Close))} в горния десен ъгъл на инструментите за разработчици на Google Chrome, за да се върнете към стандартния режим на сърфиране на работния плот.

Затваряне на емулатора на мобилния браузър Google Chrome

СЪВЕТ:^(TIP:) Ако сте активен потребител на Google Chrome , може също да искате да научите как да използвате опциите за управление на медиите на Google Chrome^{(how to use Google Chrome’s media control options)} .

Как да включите и използвате емулатора на мобилния браузър в Mozilla Firefox

В Mozilla Firefox отворете сайта, за който искате да използвате симулатор на мобилен браузър. След това или натиснете CTRL + Shift + M на клавиатурата си, или щракнете върху бутона за бургер в горния десен ъгъл, за да отворите менюто на Firefox, и изберете Уеб разработчик^{(Web Developer)} .

Достъп до инструментите за уеб разработчици^{(Web Developer)} във Firefox

Виждате меню, изпълнено с инструменти, които са полезни за уеб разработчиците. В списъка изберете „Режим на адаптивен дизайн“^{(“Responsive Design Mode,”)} и този конкретен режим на преглед на уеб страница се зарежда във Firefox .

Изберете режима на отзивчив дизайн^{(Responsive Design Mode)} във Firefox

Firefox активира режима на отзивчив дизайн^{(Responsive Design Mode)} . В горната част на прозореца виждате параметрите, използвани от този режим на емулация. Ако не е избрано устройство, щракнете или докоснете Responsive , за да отворите падащ списък с устройства, налични за емулация, и след това изберете това, което искате да симулирате.

Можете да симулирате мобилния браузър за много iPhone, iPad, Kindle Fire ( Firefox е единственият браузър, който предлага тази опция за емулация) и устройства Samsung Galaxy S9 .

Използвайте емулатора на мобилния браузър във Firefox

Когато приключите с тестването с емулатора на браузъра на смартфона, натиснете бутона X (Затваряне^{(X (Close Responsive Design Mode))} на режима на отзивчив дизайн) в горния десен ъгъл на Mozilla Firefox .

Затворете емулатора на мобилния браузър във Firefox

Връщате се към стандартния режим на сърфиране на работния плот.

Как да включите и използвате емулатора на мобилния браузър в Microsoft Edge

Microsoft Edge използва същата машина за изобразяване като Google Chrome и предлага същите емулатори на браузъра за смартфони. За да получите достъп до тях, посетете уебсайта, който искате да тествате, и или натиснете CTRL + SHIFT + I на клавиатурата си, или щракнете върху трите хоризонтални точки ( „Настройки и още“^{(“Settings and more”)} ) в горния десен ъгъл на Microsoft Edge . В менюто, което се показва, отидете на Още инструменти^{(More tools)} и след това на Инструменти за разработчици^{(Developer Tools)} .

Достъп до инструментите за разработчици^(Developer) в Microsoft Edge

Щракнете върху бутона „Превключване на емулацията на устройство“^{(“Toggle device emulation”)} (изглежда като смартфон до таблет) или натиснете CTRL + Shift + M на клавиатурата. Това активира лентата с инструменти на емулатора на мобилния браузър. По подразбиране той използва отзивчив^(Responsive) шаблон за сайта, който сте заредили. Кликнете^(Click) върху него и изберете мобилното устройство, което искате да емулирате. Вашите опции включват същите смартфони и таблети като Google Chrome .

Достъп до емулатора на мобилния браузър в Microsoft Edge

Разгледайте сайта, който искате да тествате, превключете между различните мобилни устройства и вижте как изглежда. Когато сте готови, натиснете бутона X (Затваряне)^{(X (Close))} в горния десен ъгъл на Microsoft Edge.

Затворете емулатора на мобилния браузър в Microsoft Edge

Вече се връщате към стандартния режим на сърфиране на работния плот.

Как да включите и използвате емулатора на мобилния браузър в Opera

В Opera посетете уеб страницата, която искате да видите, сякаш използвате мобилно устройство. След това щракнете върху иконата на Opera в горния ляв ъгъл ( „Персонализиране и управление на Opera“^{(“Customize and control Opera”)} ). В менюто, което се отваря, изберете Разработчик^(Developer) , последвано от Инструменти за разработчици^{(Developer tools)} . Ако предпочитате клавиатурата, натиснете CTRL+Shift+I за същия резултат.

Достъп до инструментите за разработчици в Opera

Инструментите за разработчици^{( Developer tools)} се показват от дясната страна на прозореца на браузъра. Щракнете върху бутона „Превключване на лентата с инструменти на устройството“^{(“Toggle device toolbar”)} (изглежда като смартфон до таблет) или натиснете CTRL + Shift + M на клавиатурата. Лентата с инструменти на устройството е показана вляво. По подразбиране той използва отзивчив^(Responsive) шаблон за сайта, който сте заредили. Кликнете^(Click) върху него и изберете мобилното устройство, което искате да емулирате от списъка с опции. Opera предлага същите емулатори на мобилни браузъри като Google Chrome и Microsoft Edge , тъй като се основава на същата машина за изобразяване ( Chromium ).

Достъп до емулатора на мобилния браузър в Opera

Когато приключите с тестването, натиснете бутона X ( Close ) в горния десен ъгъл, за да се върнете към стандартния режим на сърфиране на работния плот.

Затворете емулатора на мобилния браузър в Opera

Доволни ли^(Are) сте от наличните опции за емулация на мобилния браузър?

Сега знаете как да емулирате всички видове мобилни устройства в любимия си уеб браузър. Въпреки това, може да забележите, че повечето уеб браузъри предлагат същите опции за емулация, които предпочитат iPhone и iPad. Ако искате да подражавате на модерен смартфон или таблет с Android , шансовете ви са доста малки, дори в Google Chrome - браузърът, разработен от компанията зад Android . Ако искате най-добри резултати, може да се наложи да използвате два браузъра за тази задача: Chrome и Firefox или Firefox и Edge или Opera . Преди да тръгнете, кажете ни какво мислите за наличните опции.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera -

Do you need to aссess a ѕmartphone browser emulator on your РC to test the mobile version of a wеbsite you are interested in? Maybe you are a web developer, or you want to become one, and you need to simυlate a mobile browser for the project you are working on. Regardless of your reasоns, here is how to access a mobile browser emulator in Google Chrome, Mozillа Firefox, Microsoft Edgе, and Opera:

How to turn on and use the mobile browser emulator in Google Chrome

In Google Chrome, navigate to the website that you want to view in the mobile browser emulator. Then, either press the CTRL + SHIFT + I keys on your keyboard or, with the mouse, click the three vertical dots in the top-right corner to open the “Customize and control Google Chrome” menu. Choose More tools, followed by Developer Tools.

Access Developer Tools in Google Chrome

Click or tap on the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the device toolbar where the mobile page is loaded. By default, the device toolbar uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include many iPhones, iPads, Surface Duo, two Samsung Galaxy devices, and a Moto G4 mobile browser simulator for PC.

How to enable the mobile browser emulator in Google Chrome

TIP: Unfortunately, you can use the CTRL + Shift + M keyboard shortcut only after enabling the developer tools.

Navigate the site you want to test, switch between the different smartphones and tablets, and see how it looks. When you are done, press the X (Close) button in the top-right corner of Google Chrome’s developer tools to get back to the standard desktop browsing mode.

Closing the mobile browser emulator Google Chrome

TIP: If you are a heavy Google Chrome user, you may also want to learn how to use Google Chrome’s media control options.

How to turn on and use the mobile browser emulator in Mozilla Firefox

In Mozilla Firefox, open the site for which you want to use a mobile browser simulator. Then, either press CTRL + Shift + M on your keyboard or click the burger button on the top-right corner to open Firefox’s menu, and choose Web Developer.

Access the Web Developer tools in Firefox

You see a menu filled with tools that are useful to web developers. In the list, select “Responsive Design Mode,” and this particular mode of viewing a web page is loaded in Firefox.

Choose the Responsive Design Mode in Firefox

Firefox enables the Responsive Design Mode. At the top of the window, you see the parameters used by this emulation mode. If no device is selected, click or tap on Responsive to open a drop-down list with devices available for emulation, and then choose the one that you want to simulate.

You can simulate the mobile browser for many iPhones, the iPad, the Kindle Fire (Firefox is the only browser to offer this emulation option), and Samsung Galaxy S9 devices.

Use the mobile browser emulator in Firefox

When you’re done testing with the smartphone browser emulator, press the X (Close Responsive Design Mode) button on the top-right corner of Mozilla Firefox.

Close the mobile browser emulator in Firefox

You are back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Microsoft Edge

Microsoft Edge uses the same rendering engine as Google Chrome and offers the same smartphone browser emulators. To access them, visit the website that you want to test, and either press the CTRL + SHIFT + I keys on your keyboard or click the three horizontal dots (“Settings and more”) in the top-right corner of Microsoft Edge. In the menu that appears, go to More tools and then to Developer Tools.

Access the Developer tools in Microsoft Edge

Click the “Toggle device emulation” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the mobile browser emulator toolbar. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include the same smartphones and tablets as Google Chrome.

Access the mobile browser emulator in Microsoft Edge

Browse the site you want to test, change between the different mobile devices, and see how it looks. When you are done, press the X (Close) button in Microsoft Edge’s top-right corner.

Close the mobile browser emulator in Microsoft Edge

You are now back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Opera

In Opera, visit the web page that you want to view as if you were using a mobile device. Then click the Opera icon on the top-left (“Customize and control Opera”). In the menu that opens, choose Developer followed by Developer tools. If you prefer the keyboard, press the CTRL+Shift+I keys for the same result.

Access the Developer tools in Opera

The Developer tools are displayed on the right side of the browser window. Click the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. The device toolbar is shown on the left. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate from the list of options. Opera offers the same mobile browser emulators as Google Chrome and Microsoft Edge, as it is based on the same rendering engine (Chromium).

Access the mobile browser emulator in Opera

When you are done testing, press the X (Close) button in the top-right corner to get back to the standard desktop browsing mode.

Close the mobile browser emulator in Opera

Are you happy with the mobile browser emulation options available?

Now you know how to emulate all kinds of mobile devices in your favorite web browser. However, you might notice that most web browsers offer the same emulation options that favor iPhones and iPads. If you want to emulate a modern Android smartphone or tablet, your chances are pretty slim, even in Google Chrome - the browser developed by the company behind Android. If you want the best results, you might need to use two browsers for this task: Chrome and Firefox, or Firefox and Edge or Opera. Before you go, tell us what you think about the available options.

Related posts

• Как да заглушите раздел в Chrome, Firefox, Microsoft Edge и Opera

• Как да отпечатате статия без реклами във всички основни браузъри -

• Как да закачите уебсайт към лентата на задачите или менюто "Старт" в Windows 10

• Как да направите Chrome браузър по подразбиране в Windows 10 (Firefox и Opera)

• Как да промените браузъра по подразбиране в Windows 11 -

• Как да направя текста по-голям в Chrome, Edge, Firefox и Opera?

• Как да промените езика във Firefox на Windows и Mac

• Как да промените местоположението за изтегляне на Microsoft Edge -

• 5 проблема, които правят Microsoft Edge по-лош уеб браузър от другите

• Как да настроите прокси сървър в Chrome, Firefox, Edge и Opera

• Как да опреснявате твърдо страници във вашия браузър, на Mac (Safari, Chrome, Firefox и Opera)

• Как да направя Google моята търсачка в Microsoft Edge -

• Как да оставите настрана раздели в Microsoft Edge и да ги използвате по-късно

• Как да деблокирате Adobe Flash Player в Google Chrome -

• Как да спрете Chrome да иска да запази пароли -

• Как да изключите известията в Chrome: Всичко, което трябва да знаете -

• Топ 10 добавки на Microsoft Edge през 2021 г. -

• Как да деблокирате Adobe Flash Player на Microsoft Edge на Windows 10 -

• Експортирайте пароли от Chrome, Firefox, Opera, Microsoft Edge и Internet Explorer

• Относно InPrivate и инкогнито. Какво е частно сърфиране? Кой браузър е най-добрият?