Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
whatever894
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 6
1

Кнопка "показать полную версию сайта" на мобильном устройстве

21.11.2017, 11:00. Просмотров 675. Ответов 8
Метки нет (Все метки)

На мобилках (в хроме и сафари точно) есть такой вот функционал. Как работает эта кнопка? В сети не могу найти никакой толковой информации. Потыкал на разных страничках. Многие не меняются. Некоторые действительно становятся десктопными (stack overflow например).
Как эта кнопка обрабатывает адаптивные сайты и как к ней можно обратиться? Предполагаю что она просто изменяет viewport на десктопный, но это предположение + почему не работает на всех сайтах? У меня даже не mobile first, по идее проблем не должно быть.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.11.2017, 11:00
Ответы с готовыми решениями:

Не работает кнопка "Показать результат"
Не могу понять почему кнопка- Показать результат- не работает <!DOCTYPE HTML PUBLIC...

Переход на полную версию сайта
Мне нужно чтобы при мобильной версии сайта при нажатии на ссылку открывалась полная версия сайта....

Как написать регулярное выражение для выдергивания английских букв и символов: "+", ",", ":", "-", " ", "!", "?" и "."
Не могу ни как собразить как написать регулярное выражение для выдергивания английских букв и...

Блок div скрыть/показать при нажатии на кнопку "показать все"
Добрый день. На странице:...

Получить значение из {"text1":"val1","text2":"val2","text3":{"text":"val"}}
Есть такая строка var my = '{"text1":"val1","text2":"val2","text3":{"text":"val"}}'; Как из...

8
Balanaar
960 / 818 / 394
Регистрация: 11.07.2016
Сообщений: 2,386
21.11.2017, 12:20 2
Кнопка просто меняет размер окна браузера и подменяет заголовки user-agent в запросах. Поэтому удалённый сервер думает, что к нему обратились с мобильного устройства.
0
whatever894
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 6
21.11.2017, 12:25  [ТС] 3
Тогда вопрос такой: потестил свой сайт на андроид устройствах - все супер. Указывает размер окна браузера в 980px (если верить этому посту https://codereview.chromium.org/1785953002/#ps1) и отображает версию сайта по бутстрапу - от 768 до 992. Но прикол в другом - на любом ios устройстве ничего не меняется. Т.е. работает только с андроидом. Как решить такую проблему?
0
Balanaar
960 / 818 / 394
Регистрация: 11.07.2016
Сообщений: 2,386
21.11.2017, 12:34 4
Мы не знаем, как устроен ваш проект. Надо смотреть заголовки, приходящие на сервер, а также как он их обрабатывает... Гадать я не умею.
0
21.11.2017, 12:34
whatever894
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 6
21.11.2017, 12:38  [ТС] 5
Тогда последнее: я сделал фронт енд - верстка и пару скриптов. Пока на фтп лежат только эти файлы. Не было еще подвязки к cms и работы с базой данных и тд. Проблему о который вы говорите уже нужно выявлять на стадии бек енда, ибо идет работа с сервером, правильно?
0
Balanaar
960 / 818 / 394
Регистрация: 11.07.2016
Сообщений: 2,386
21.11.2017, 12:43 6
У вас адаптивность реализована исключительно медиа-запросами? Если да - проблему надо искать в некорректном объявлении правил в CSS или в некорректных meta-тегах в <head>
0
whatever894
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 6
21.11.2017, 12:45  [ТС] 7
Да, медия запросы. И бутстрап использовал. Спасибо, пороюсь.
0
Balanaar
960 / 818 / 394
Регистрация: 11.07.2016
Сообщений: 2,386
21.11.2017, 12:49 8
А вы кстати смотрели iOS-версию сайта через десктопный браузерный эмулятор? Или на самом устройстве? Если первое - проблема может быть в эмуляторе. Тут ничего не сделать, да и не проблема это вовсе.
А по поводу "полной версии сайта" - логика обычно реализована на сервере. Сервер смотрит заголовки, определяет тип устройства, которое к нему обратилось и отдаёт соответствующий шаблон на клиент. Кнопка "показать полную версию сайта" заставляет сервер принудительно отправить десктопный шаблон клиента не зависимо от заголовков.
0
whatever894
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 6
21.11.2017, 12:54  [ТС] 9
Да, верстка адаптивная, только в эмуляторе и работал (хром инспектор и файрбаг). Сайт отображается правильно на всех разрешениях, будь то на android, ios или desktop, на реальном устройстве (из тех что под рукой есть) и на эмуляторе в десктоп браузере. Проблема появляется только если нажать на кнопку "показать полная версия сайта" в мобильных браузерах на ios (конкретно safari и chrome).
0
21.11.2017, 12:54
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.11.2017, 12:54

Отображение на мобильном устройстве
Есть вот такой скрпит для отсчета времени(с использованием PHP): &lt;script type='text/javascript'&gt;...

Как сделать кнопку "скрыть/показать элемент"?
Нужно сделать кнопку, при клике на которую часть контента страницы становилась бы невидимой. Какие...

Показать, что в текстовом файле select "onchange"
Всем привет. есть выпадающий список &lt;form method=&quot;post&quot; action=&quot;&quot;&gt; &lt;select name=&quot;file&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru