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

Имеется адаптивная вёрстка с медиазапросами под разные разрешения. Требуется по нажатию кнопки показывать полную (Desktop) версию сайта. Подскажите пожалуйста возможные способы реализации данного функционала.
  • Вопрос задан
  • 1523 просмотра
Пригласить эксперта
Ответы на вопрос 3
gans5131
@gans5131
web-developer
Думаю стоит использовать сессии.
Переменная в сессии будет говорить о том, подключать стили адаптивной верстки или десктопной.
Т.е.
- есть кнопка "Полная версия"
- нажимаем
- либо аяксом, либо с помощью формы мы запускаем скрипт который в созданную нами переменную сессии лепит, что мы мол теперь десктоп
- перезагружаем страничку
- в шаблоне темы должна быть заложена логика, которая проверяет переменную сессии, в которую мы пишем состояние сайта и в зависимости от её значения дает стили десктопа или адаптивки
Ответ написан
Комментировать
NikolasPushkin
@NikolasPushkin
фронтенд, анимация, крутая вёрстка
Думаю одним из хороших вариантов будет( при условии что стили компилятся в один файл и жмутся ну или к примеру сайт изначально адаптивный или ещё по какой-то причине) будет перезагрузка страницы со сменой метатега вьюпорт и заданием фиксированной ширины тегу боди.
Ответ написан
Комментировать
@DP-Studio
20 лет веб-разработки
Самый простой вариант - медиазапросы в отдельный css, приготовить 2 шаблона. в 1 подключать в другом нет. По кнопке переходить на вариант с неподключенным. Ну или рендерить его через аджакс запрос.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
PERX Нижний Новгород
До 50 000 ₽