Донецкий техникум промышленной автоматики

Як подивитися мобільну версію сайту через комп'ютер

  1. Як подивитися мобільну версію сайту через комп'ютер?
  2. Через браузер Firefox
  3. Через браузер Chrome
  4. замість післямови

Завдяки адаптивному дизайну, сайт можна переглядати на різних пристроях з будь-яким дозволом екрану. І хоча такий шаблон є універсальним рішенням для подання контенту кінцевому користувачеві, в мережі як і раніше можна зустріти окрему версію сайту для мобільних пристроїв.

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

Зміст статті:

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

Відразу виникає питання, а в чому ж складність? На відміну від адаптивного дизайну , Мобільний шаблон - це окремий набір файлів і стилів, який доступний тільки користувачам мобільних пристроїв. Така вибірковість реалізується шляхом визначення відповідності параметра «user-agent».

Тобто, перш ніж завантажити будь-яку веб-сторінку, сайт звіряється з параметрами користувацького браузера, вже виходячи з цього видає один або інший варіант. Наприклад, сайт отримує user-agent - "firefox", значить відпрацьовується завантаження деськтопной (повної) версії сайту. Якщо ж user-agent - "Android", то сайт розуміє, що потрібно відкрити мобільну версію сайту.

Через браузер Firefox

Щоб подивитися сайт як мобільний користувач з браузера Mozilla Firefox, слід звернутися до вбудованих інструментів веб-розробки. Для цього відкриваємо сайт і в панелі меню (зверху / можна викликати клавішею «Alt») переходимо по шляху:
Інструменти? Веб розробка ? адаптивний дизайн
Щоб подивитися сайт як мобільний користувач з браузера Mozilla Firefox, слід звернутися до вбудованих інструментів веб-розробки
Бачимо, що сайт змінився разом з дозволом активної області екрана. Вибираємо зі списку цікавить пристрій на базі мобільної операційної системи і перевіряємо працездатність сайту.

Через браузер Chrome

Якщо ви активний користувач браузера Google Chrome, то попередньо встановлюємо розширення з промовистою назвою «». А далі звертаємося до нового елементу в панелі зверху (зліва від «меню параметрів») - смайлик в окулярах.
Якщо ви активний користувач браузера Google Chrome, то попередньо встановлюємо розширення з промовистою назвою «»
Клацанням миші розгортаємо список доступних агентів. Вибираємо одну з популярних мобільних ОС Android або iOS, і сайт перетворюється на очах. Після закінчення роботи з мобільною версією сайту не забудьте перейти назад на агент «Chrome / default».

замість післямови

Таким чином, можна відкрити будь-який мобільний сайт. Завдяки описаним можливостям, в минулій статті нам вдалося відвідати мобільну версію Instagram і додати нові фото в свій профіль. А як вам вдалося вирішити проблему повної і мобільної версії сайту?

поділіться з друзями:

Як подивитися мобільну версію сайту через комп'ютер?
Відразу виникає питання, а в чому ж складність?
Веб розробка ?
А як вам вдалося вирішити проблему повної і мобільної версії сайту?