Как в мобильных браузерах работает кнопка «Версия для ПК» или «Полная версия сайта»?

Интересует механихм работы кнопки
Подменяется юзерагент? Вьюпорт?
  • Вопрос задан
  • 232 просмотра
Пригласить эксперта
Ответы на вопрос 4
@BorisKorobkov
Web developer
мне надо на своем ресурсе заставить работать эту кнопку, а конкретнее из адаптивного сайта сделать десктопный при нажатии на эту кнопку


Вариант 1. Обычная ссылка на другой URL (например, example.com <-> m.example.com) с другим дизайном

Вариант 2. Установить куку и перезагрузить страницу. На сервере анализировать куку и отобразить нужный дизайн.

Вариант 3. Все-таки использовать адаптивный дизайн, а по клику на кнопку подгружать css, меняющий дизайн
Ответ написан
mykmykpet
@mykmykpet
Как гуглить ошибки: https://youtu.be/Y8rtcVzFB-c
Хром просто меняет ширину вьюпорта:
5cffae1424549069052015.jpeg
5cffae21e3b38413543156.jpeg
Ответ написан
@mletov
Анализируется user aget и подсовывается соответствующая разметка/стили.

Хотя чаще просто делают адаптивный сайт при помощи media query без всяких кнопок.
Ответ написан
@YouMom
За все браузеры не скажу, а вот конкретно в мобильном firefox со включенной кнопкой "Версия для ПК" информация о размере экрана увеличивается в два раза.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы