- Як подивитися мобільну версію сайту через комп'ютер?
- Через браузер Firefox
- Через браузер Chrome
- замість післямови
Завдяки адаптивному дизайну, сайт можна переглядати на різних пристроях з будь-яким дозволом екрану. І хоча такий шаблон є універсальним рішенням для подання контенту кінцевому користувачеві, в мережі як і раніше можна зустріти окрему версію сайту для мобільних пристроїв.
Мобільна версія сайту дозволяє власнику реалізовувати більш широкий спектр елементів веб-дизайну. У той же час, її розробка практично цілком проходить з інтерфейсу комп'ютера, що ускладнює попередній перегляд внесених раніше змін. Можна тримати під рукою смартфон або все-таки спробувати відкрити мобільну версію сайту з настільного ПК.
Зміст статті:
Як подивитися мобільну версію сайту через комп'ютер?
Відразу виникає питання, а в чому ж складність? На відміну від адаптивного дизайну , Мобільний шаблон - це окремий набір файлів і стилів, який доступний тільки користувачам мобільних пристроїв. Така вибірковість реалізується шляхом визначення відповідності параметра «user-agent».
Тобто, перш ніж завантажити будь-яку веб-сторінку, сайт звіряється з параметрами користувацького браузера, вже виходячи з цього видає один або інший варіант. Наприклад, сайт отримує user-agent - "firefox", значить відпрацьовується завантаження деськтопной (повної) версії сайту. Якщо ж user-agent - "Android", то сайт розуміє, що потрібно відкрити мобільну версію сайту.
Через браузер Firefox
Щоб подивитися сайт як мобільний користувач з браузера Mozilla Firefox, слід звернутися до вбудованих інструментів веб-розробки. Для цього відкриваємо сайт і в панелі меню (зверху / можна викликати клавішею «Alt») переходимо по шляху:
Інструменти? Веб розробка ? адаптивний дизайн
Бачимо, що сайт змінився разом з дозволом активної області екрана. Вибираємо зі списку цікавить пристрій на базі мобільної операційної системи і перевіряємо працездатність сайту.
Через браузер Chrome
Якщо ви активний користувач браузера Google Chrome, то попередньо встановлюємо розширення з промовистою назвою «». А далі звертаємося до нового елементу в панелі зверху (зліва від «меню параметрів») - смайлик в окулярах.
Клацанням миші розгортаємо список доступних агентів. Вибираємо одну з популярних мобільних ОС Android або iOS, і сайт перетворюється на очах. Після закінчення роботи з мобільною версією сайту не забудьте перейти назад на агент «Chrome / default».
замість післямови
Таким чином, можна відкрити будь-який мобільний сайт. Завдяки описаним можливостям, в минулій статті нам вдалося відвідати мобільну версію Instagram і додати нові фото в свій профіль. А як вам вдалося вирішити проблему повної і мобільної версії сайту?
поділіться з друзями:
Як подивитися мобільну версію сайту через комп'ютер?Відразу виникає питання, а в чому ж складність?
Веб розробка ?
А як вам вдалося вирішити проблему повної і мобільної версії сайту?