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

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

Вы привыкли пользоваться сайтом на компьютере, а когда открываете его на телефоне, то видите адаптированную под маленькие экраны смартфонов версию? Не беда, вы всегда можете перейти на полную версию сайта с помощью штатной функции браузера Google Chrome.

Браузер Chrome предустановлен на подавляющем большинстве телефонов и планшетов под управлением операционной системы Android. Если же вдруг вместо данного браузера используется другой, скачайте Google Chrome самостоятельно из Play Маркета.

После этого запустите приложение (браузер) и зайдите на требуемый сайт. Когда страница загрузится, нажмите на три точки, расположенные в правом верхнем углу экрана.

Останется выбрать пункт «Версия для ПК» в раскрывшемся контекстном меню, после чего откроется полная версия сайта.

Чтобы вернуться к мобильной версии сайта, достаточно повторить вышеописанную процедуру.

Автор многих инструкций на PureGoogle. Пользуюсь Android-устройствами с 2012 года. В прошлом большой фанат линейки Google Nexus и счастливый обладатель Nexus 7 (2013) и Nexus 4. В данный момент использую для работы 3 смартфона: Xiaomi Mi A1, Xiaomi Redmi Note 5 и Huawei P Smart 2019.

Как всегда открывать полную версию веб-сайта на iPhone и iPad

Несколько лет назад попытка открыть более-менее серьезный сайт на смартфоне превращалась в весьма плохую затею, так как на небольшом экране невозможно полноценно отобразить все ссылки, текст, графику, видеоролики. Кроме того, иногда вдобавок все это перекрывает ещё и громадный рекламный баннер. Соответственно нужно было как-то увеличивать отображаемый контент и работать с вебстраницей «по частям». К счастью, вебдизайнеры довольно быстро сообразили, что можно делать версии сайтов, адаптированные для мобильных устройств, с которыми будет удобно работать. Некоторые разработчики также решали проблему, выпуская мобильные приложения для iOS, Android и Windows.

Safari — лучший браузер на мобильных гаджетах Apple, который имеет много возможностей

Какая версия сайта открывается по умолчанию на iPhone и iPad

На сегодняшний день большинство сайтов сами умеют определять, с какого устройства и каким браузером их пытаются открыть, и если пользователь работает в браузере на смартфоне или планшете, ему по умолчанию будет загружена мобильная версия сайта. Так работает практически на всех Android смартфонах и планшетах, и на iPhone. На iPad так происходит до версии iOS 12 включительно. Начиная с iPadOS 13, встроенный браузер Safari по умолчанию пытается открыть версию, предназначенную для десктопных браузеров.

Как открыть версию сайта для компьютера на iPhone

Иногда все же требуется работать не с мобильным приложением, а с самим сайтом, причем с его полной десктопной версией. У меня такая необходимость возникала при работе с сайтом моего банка, поскольку в мобильном приложении реализованы не все функции клиент-банка. Также это было необходимо для прослушивания «бесплатной» музыки и расширенного управления списком друзей ВКонтакте, для сортировки плейлистов на YouTube-канале. Да и мало ли сценариев может быть в жизни, когда на какое-то время на экране мобильного гаджета возникает необходимость отобразить версию веб страницы для компьютера.

Чтобы отобразить десктопную версию сайта на iPhone и iPad под управлением iOS ранее 13 версии, нужно в Safari тапнуть по кнопке «Поделиться» и внизу меню прокрутить вправо и выбрать соответствующий пункт.

Или воспользоваться более легким способом – коснуться и удерживать палец на кнопке «Обновить» в адресной строке браузера. Последний поймёт, что ему нужно запросить десктопную версию сайта.

Начиная с iOS 13, на iPhone необходимо в левой части адресной строки Safari тапнуть на кнопке АА и в открывшемся меню выбрать «Запрос настольного веб-сайта».

Открываем десктопную версию сайта на iPhone

Если же по каким-то причинам требуется напротив открыть мобильную версию сайта, например на iPad, где по умолчанию iPadOS настроена на открытие версии для компьютера, то нужно в меню, открываемом при тапе по кнопке АА, выбрать «Запрос мобильного веб-сайта».

Открываем мобильную версию сайта на iPad

Как всегда открывать нужный сайт на iPhone в настольной версии

Для того, чтобы всегда открывать определенный сайт на iPhone в десктопной версии в iOS 13, нужно в меню Safari, открываемом по тапу на кнопке АА в адресной строке, выбрать «Настройки веб-сайта» и в открывшейся странице параметров включить первый сверху переключатель «Запрос настольного веб-сайта». Теперь нужный сайт всегда будет открываться в своей полной версии, предназначенной для просмотра на компьютере.

Этот сайт всегда будет открываться на iPhone в полной версии

Как узнать, какие сайты будут всегда открываться на iPhone в полной версии

Для управления сайтами, которые открываются в десктопной версии, предназначен соответствующий пункт настроек Safari. Достаточно пройти по пути Настройки–Safari и в разделе «Настройки для веб-сайтов» выбрать второй пункт «Запрос настольного веб-сайта». Откроется страница настроек, на которой будут представлены все сайты, для которых пользователь определил режим открытия в полной версии. Напротив каждого сайта есть переключатель, который можно перевести в положение «Выключено», если нужный сайт потребуется открыть по умолчанию в мобильной версии.

Управление сайтами, которые открываются в настольной версии в настройках

Также возможно полное удаление из списка сайта, для которого предусмотрено исключение в виде открытия его в настольной версии. Для этого тапаем справа вверху по кнопке «Править» и, отметив нужные записи, тапаем «Удалить» в верхнем левом углу. При желании можно удалить все записи для чего тапаем «Удалить все настройки».

Вам также могут быть интересны еще 7 трюков для работы в Safari на iPhone и iPad.

Как открывать вообще все сайты на iPhone исключительно в полной версии

Если пользователем не был добавлен ни один сайт для открытия его на iPhone в настольной версии, то в соответствующем пункте настроек Safari будет только один пункт «Все веб-сайты» с переключателем в положении «Выключено». Достаточно перевести этот переключатель в положение «Включено», как браузер начнёт запрашивать всегда десктопные версии сайтов. Кстати, на iPad под управлением iPadOS этот переключатель по умолчанию стоит в положении «Включено».

Так все сайты на устройстве будут открываться в настольной версии

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

Бывают и обратные ситуации, когда мобильное приложение для конкретного сайта написано исключительно для iPhone. Соответственно, при установке его на iPad оно отображается в небольшом окошке причём только в портретной ориентации. Смотрится это ужасно неэстетично и работать с этим некомфортно. Пользователи Instagram на iPad понимают, о чем я. В тоже время полная версия сайта может быть слишком перегружена различными элементами и, как результат, быть плохоюзабельной даже на немаленьком экране iPad Pro.

В таком случае отличным решением является как раз выбор мобильного представления сайта. Для меня таким сайтом является фирменный сервис «Укрзалізниці» для покупки билетов на железнодорожный транспорт. Соответствующее мобильное приложение существует исключительно для iPhone, а с полной версией сайта удобно работать только на компьютере с хорошей диагональю экрана. Поэтому для таких случаев я тапаю по кнопке АА в адресной строке Safari, выбираю «Настройки веб-сайта» и перевожу переключатель «Запрос настольного веб-сайта» в положение «Выключено». При этом соответственно всегда есть возможность управлять такими исключениями также как и на iPhone в настройках Safari в разделе «Настройки для веб-сайтов» пункт «Запрос настольного веб-сайта».

Отключаем полную версию сайта на iPad

Управление списком сайтов на iPad, которые всегда открываются в мобильной версии

Пользуетесь ли вы соответствующими возможностями на iOS и iPadOS? Делитесь мнением в комментариях и в нашем Telegram-чате.

Мобильная версия

Посетители могут заходить на ваш сайт с компьютера или ноутбука, а могут просматривать его с мобильного устройства, например, с телефона. Работать с полной версией сайта на телефоне неудобно — большая часть элементов выглядит слишком мелко. Специально для этого мы разработали редактор мобильной версии сайта. С его помощью вы сможете настроить мобильную версию, адаптированную под экран меньшего размера.

Как перейти в редактор мобильной версии?

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

Что такое мобильная оптимизация и как ее включить?

С помощью редактора мобильной версии вы можете настроить мобильную версию вашего сайта — версию оптимизированную для просмотра на мобильных устройствах. Если мобильная оптимизация включена, посетители вашего сайта будут видеть мобильную версию при просмотре сайта с телефона и полную версию при просмотре сайта с компьютера или ноутбука.

Если выключить мобильную оптимизацию, посетители вашего сайта всегда будут видеть полную версию сайта, вне зависимости используют они компьютер или смартфон.

Чтобы включить или выключить мобильную оптимизацию кликните иконку на панели управления сайтом.

Используйте ползунок чтобы включить или выключить мобильную оптимизацию.

Как работать с редактором мобильной версии?

Работая в мобильном редакторе вы можете:

• • Перемещать элементы
  Вы можете перемещать элементы в мобильной версии редактора точно так же как в полной версии: с помощью стрелок на клавиатуре или перетягиванием. В мобильной версии редактора вы также можете переместить элемент, смещая все элементы расположенные ниже. Для этого выделите виджет и потяните за значок.
  
• • Изменять размер виджетов
  Изменить размер виджета можно потянув за его границу. Вы также можете изменить размер виджета, одновременно смещая все элементы расположенные ниже. Для этого выделите виджет и потяните за значок.
  
• • Скрывать элементы или группы элементов
• • Настраивать мобильное меню
• • Изменять размер текста и его выравнивание

Как скрыть элемент на мобильной версии сайта?

Чтобы скрыть элемент на мобильной версии страницы кликните по нему правой кнопкой мыши и в контекстном меню выберите Скрыть.

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

Посмотреть скрытые элементы можно открыв вкладку "Скрытые" в левом меню.

Как сделать элемент видимым на мобильной версии сайта?

Посмотреть все скрытые элементы можно открыв вкладку Скрытые в левом меню. Чтобы снова сделать виджет видимым кликните .

Как скрыть группу элементов на мобильной версии сайта?

Чтобы скрыть группу элементов на мобильной версии страницы кликните по ней правой кнопкой мыши и в контекстном меню выберите Скрыть.

Посмотреть скрытые элементы можно открыв вкладку "Скрытые" в левом меню.

Как сделать группу элементов видимой на мобильной версии сайта?

Посмотреть все скрытые элементы можно открыв вкладку Скрытые в левом меню. Чтобы снова сделать виджет видимым кликните .

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

Как настроить дизайн мобильного меню?

Меню мобильной версии сайта отражается в виде "бургера".

Двойной клик по виджету откроет окно настроек меню. Вы сможете настроить:

• Шрифт и размер шрифта
• Цвет фона и цвет текста в трех состояниях: Обычный, По наведению и Активный

Как изменить размер и выравнивание текста на мобильной версии сайта?

Для работы с текстом используйте панель управления.

позволяют увеличивать и уменьшать размер шрифта.

открывает окно свойств текста. В окне свойств текста можно:

• Управлять его размертос с помощью ползунка
• Изменить выравнивание текста
• Растянуть виджет на всю ширину экрана

скрывает виджет на мобильной версии сайта

выравнивает виджет по центру.

Как увидеть мобильную версию сайта в браузере, если сайт просто масштабируется?

Судя по всему, там определение мобильности по User-Agent’у.
Это — неправильно!

А вообще — Ctrl+Shift+M (Opt+Cmd+M) в любом браузере и если не работает мобильный вид сайта, то это нужно исправлять в серверном (back-end) коде на веб-сервере.

• Facebook
• Вконтакте
• Twitter

Donald_Duck, Да. Неправильно. Если они работают так, как Вы ответили.
Мобильный клиент или нет — нужно определять по возможностям и характеристикам самого устройства(а не по HTTP(S) заголовку User-Agent).
В браузере (внутри контейнера WebView) — это можно сделать только через javascript.

Про второй вариант:
Грузится прелоадер (js), определяются параметры клиентского устройства и в зависимости от этого грузится нужная разметка и контент.
Следующий шаг обработки представления: правила CSS стилей (на основе @media ) и нужный js для рендеринга итогового представления.