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

Question

[vis0r]

Имеется адаптивная вёрстка с медиазапросами под разные разрешения. Требуется по нажатию кнопки показывать полную (Desktop) версию сайта. Подскажите пожалуйста возможные способы реализации данного функционала.

Comments

[Kuat Mustafin]

Можно через js добавить класс с свойством min-width к body и нужно менять значение viewport

Answer 1

[Pavel O]

Думаю стоит использовать сессии.
Переменная в сессии будет говорить о том, подключать стили адаптивной верстки или десктопной.
Т.е.
- есть кнопка "Полная версия"
- нажимаем
- либо аяксом, либо с помощью формы мы запускаем скрипт который в созданную нами переменную сессии лепит, что мы мол теперь десктоп
- перезагружаем страничку
- в шаблоне темы должна быть заложена логика, которая проверяет переменную сессии, в которую мы пишем состояние сайта и в зависимости от её значения дает стили десктопа или адаптивки

Answer 2

[Николай Евсюков]

Думаю одним из хороших вариантов будет( при условии что стили компилятся в один файл и жмутся ну или к примеру сайт изначально адаптивный или ещё по какой-то причине) будет перезагрузка страницы со сменой метатега вьюпорт и заданием фиксированной ширины тегу боди.

Answer 3

[Дмитрий]

Самый простой вариант - медиазапросы в отдельный css, приготовить 2 шаблона. в 1 подключать в другом нет. По кнопке переходить на вариант с неподключенным. Ну или рендерить его через аджакс запрос.