Як емулювати мобільний пристрій?

Question

Accepted Answer

Емуляція мобільного пристрою в панелі розробника — це потужна функція, яка дозволяє веброзробникам і тестувальникам перевірити адаптивність сайту без необхідності використовувати реальні смартфони чи планшети. Цей інструмент допомагає оцінити зовнішній вигляд верстки та поведінку інтерфейсу на екранах із різною роздільною здатністю.

Щоб запустити режим емуляції, вам потрібно виконати таку послідовність дій:

1. Відкрийте інструменти розробника в браузері, натиснувши клавішу F12 або скориставшись контекстним меню.
2. Натисніть комбінацію клавіш Ctrl+Shift+M на клавіатурі або клікніть по спеціальній іконці у вигляді смартфона та планшета у лівому верхньому кутку панелі DevTools.
3. Виберіть конкретну модель мобільного пристрою з випадаючого списку у верхній панелі емулятора, наприклад iPhone, iPad або популярні моделі на базі Android.
4. За необхідності ви можете задати точну роздільну здатність екрана вручну, вказавши ширину та висоту в пікселях, а також змінити орієнтацію екрана з портретної на альбомну.

У режимі емуляції браузер автоматично адаптує не лише розміри робочої області, а й імітує тач-події, такі як торкання та свайпи пальцем замість кліків мишкою. Крім того, інструмент дозволяє підміняти рядок User-Agent, завдяки чому сервер сайту думатиме, що запит надіслано з реального мобiльного пристрою, що вкрай важливо для перевірки коректності видачі мобільної версії контенту.

Як емулювати мобільний пристрій?

Інші питання цієї теми

Пов’язані питання з інших тем