В текущей статье речь пойдет о том, как осуществляется проверка мобильной версии сайта, её удобство, читабельность и правильность отображения.
Проверку вашего сайта на удобство отображения на мобильных устройствах можно проверить с помощью различных веб-сервисов. В частности, данный сервис от Google позволяет адекватно оценить грамотность вашей мобильной вёрстки.
Недавно компания Google заявила о том, что сайты, не отвечающие требованиям мобильной вёрстки, будут пессимизироваться в поиске, осуществляемом при помощи мобильных устройств. Этот алгоритм уже работает и некоторые сайты, которые не побеспокоились об отображении на мобильных платформах, действительно, были опущены в поисковой выдаче для мобильных устройств.
Будь ваш сайт трижды удобен для десктопных платформ, нужно проверять качество мобильной вёрстки, иначе вы будете терять внушительную часть трафика (доля мобильных платформ в поиске стремительно растет с каждым годом), а значит - терять своих клиентов. Поэтому нужно адаптировать свои сайты для мобильных устройств и проверять корректность отображения сайтов в мобильных браузерах.
Проверяем качество мобильной вёрстки с помощью Google Chrome
Для разработчиков у Google есть отличный инструмент для имитации мобильных устройств. Этот инструмент встроен в браузер Google Chrome. Для доступа к нему нужно нажать F12 в браузере (перейти в режим разработчика) и нажать на значок смартфона:
Страница преобразуется в режим переключения устройства, где вы сможете выбрать одно из популярных мобильных устройств, тип сети (GPRS, 2G, 3G, 4G и т.д.), указать строгие параметры дисплея. Это позволяет имитировать работу сайта на конкретных мобильных девайсах. К числу доступных устройств относятся различные версии iPad, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy и некоторых других популярных устройств.
Выбрав определенный девайс вы сможете проверить сайт на мобильном устройстве. Например, отображение главной страницы сайта "Нубекс" на iPad 3:
И на Samsung Galaxy S4:
Здесь вы сможете не только увидеть отображение сайта на том или ином девайсе, но и полноценно работать с сайтом, будто перед вами находится нужный гаджет. Несомненно, этот инструмент является просто незаменимым при разработке мобильной версии сайта, но как будет отображаться ваш сайт на реальных устройствах - нужно проверять на реальных устройствах. Особенно это важно, если нужно проверить отображение сайта в "родных" браузерах (Safari - для iPad/iPhone, IE - для Windows Phone и т.д.).
Часто бывает так, что открывая нужную страницу через Safari на iPhone и iPad, пользователи получают доступ к мобильной версии сайта, которая значительно отличается от полной. В таком случае не обязательно начинать искать компьютер - Safari позволяет с легкостью запустить полную версию сайта. О том, как получить доступ к этой функции расскажем ниже.
Адаптированные версии под мобильные устройства имеет большинство крупных сайтов и блогов, однако, не на каждом из них присутствует кнопка перехода к полной версии. К счастью, разработчики из Apple позаботились о возможности принудительного открытия полных версий сайтов в Safari.
Шаг 1. Откройте Safari и перейдите на страницу, чью полную версию вы хотели бы увидеть
Шаг 2. Дождитесь полной загрузки сайта, после чего зажмите на значке обновления страницы
Шаг 3. В открывшемся окне выберите пункт «Полная версия сайта »
Вот таким простым образом вы можете открыть полную версию любого сайта в Safari на iPhone и iPad, если, естественно, первоначально перед вами была мобильная версия сайта. В последнее время веб-разработчики создают адаптивный дизайн сайтов, который автоматически подстраивается под любое используемое устройство и необходимости в открытии полной версии сайта просто нет.
Бывает, что открывается мобильная версия ВКонтакте, а надо войти в полную версию (для компьютера, обычную, веб-версию). Как это сделать?
В мобильном приложении на телефоне в полную версию не зайти. Лучше всего воспользоваться браузером на компьютере, ноутбуке, планшете. Но можно и через браузер на телефоне (Сафари, Хром), только будет очень мелко, и придется увеличивать. Здесь мы рассказываем обо всех способах входа в полную версию, на всех устройствах.
Как переключиться на полную версию
Если ты сейчас в мобильной (m.vk.com), можно самому переключиться с мобильной на полную:
Как открыть полную версию ВК на компьютере, планшете
Нажми «Версия для компьютера» в левой колонке меню, внизу (предпоследний пункт):
Как открыть полную версию ВК на телефоне
Внимание! Для мобильного приложения этот совет не подходит (приложение — это установленная у тебя на телефоне программа с иконкой «VK»). Полную версию можно открыть в мобильной версии сайта ВК, в которую ты заходишь через браузер на телефоне (например, Chrome или Safari) по адресу m.vk.com.
- Открой главное меню в мобильной версии (кнопка в левом верхнем углу в виде трех полосок).
- Прокрути его вниз, если не видно все пункты.
- Нажми «Версия для компьютера».
А еще можно открыть полную версию ВК просто по ссылке (об этом — далее).
На телефоне полная версия будет выглядеть мелко, поэтому придется раздвигать изображение пальцами, чтобы сделать крупнее и попасть куда нужно. Но если другого устройства, кроме смартфона, сейчас под рукой нет, это вполне рабочее решение.
Как быстро открыть полную версию ВКонтакте
Ты можешь открыть полную версию ВКонтакте через стартовую страницу «Вход». Открой ее по адресу vhod.ru , найди ВКонтакте и нажми туда. Можно подключить свою страницу кнопкой «Вход» (надо будет дать разрешение на доступ), чтобы всегда видеть, есть ли у тебя новые сообщения и другие события, не заходя в онлайн. Входить в полную версию ВК можно одним нажатием на прямоугольник «ВКонтакте», а также быстро открывать сообщения, друзей в онлайне, новые комментарии и т.п.
Как открыть полную версию ВКонтакте по ссылке
Полную версию ВКонтакте можно открыть напрямую по этой ссылке: Полная версия . Полная версия еще называется «обычная», «нормальная», «веб-версия», «компьютерная», «десктопная».
Как сделать, чтобы по ссылке открывалась полная версия ВК, а не мобильная?
Пример.
Было https://m.vk.com/vhod_ru
Стало https://vk.com/vhod_ru
Точно таким же способом можно исправить адрес в адресной строке браузера, чтобы открыть полную версию той же самое страницы, на которой ты находишься. Надо нажать на адресную строку, убрать в начале букву m и точку, а затем нажать Enter на клавиатуре (или кнопку «Перейти», «Открыть» в самом браузере).
Зачем нужна полная версия ВК, чем она лучше мобильной?
Только в полной версии доступны все возможности сайта, которых нет в мобильной версии и в приложениях для телефона. Например, создание запроса агентам поддержки . Кроме того, в полной версии нет ограничений при восстановлении доступа к странице и в целом с этим возникает гораздо меньше проблем — в особенности, с прикреплением фотографий и вводом кода подтверждения. Также через нее легче понять причины блокировки страницы и разблокировать ее . Поэтому для таких дел мы рекомендуем всегда использовать полную версию сайта ВКонтакте.
Почему открывается мобильная версия?
Обычно это бывает из-за того, что кто-то запостил ссылку типа m.vk.com... — вот эта буква «m» в начале ссылки и ведет тебя на мобильную версию. Просто тот человек сидел через мобильную и скопировал такую ссылку у себя. Когда по ней переходят другие люди, они попадают на мобильную. Ничего страшного, ведь ты теперь знаешь, как зайти в полную версию ВКонтакте!
Почему в полной версии что-то не работает, не получается?
Чаще всего, если у тебя проблемы в полной версии сайта ВКонтакте — значит, у тебя проблемы с твоим браузером. Очисти временные файлы , переустанови его, обнови или поставь другой.
Тоже самое и на компьютере, зайдя в ВК с любого браузера, откроется полная версия сайта. На мой взгляд, это очень удобно.
Однако бывают ситуации, когда необходимо перейти из мобильной версии сайта в полную, или наоборот. Делается это достаточно просто, как на компьютере, так и на телефоне.
Внимание . Не путайте мобильную версию сайта ВКонтакте, с приложением ВКонтакте. Если Вы используете приложение, то перейти в полную версию сайта, не получится.
Как перейти с мобильной версии на полную и обратно в ВК
На компьютере
Для того чтобы перейти с полной версии на мобильную в ВК на компьютере, необходимо добавить в ссылку английскую букву m с точкой m. перед vk После нажать Enter на клавиатуре.
Перейти с мобильной версии на полную можно тем же способом удалив m. или через меню.
На телефоне
С мобильной на полную
1. Открываем меню, нажав на значок в левом верхнем углу.
С полной на мобильную
Для того чтобы вернуться к мобильной версии, необходимо нажать на ссылку "Перейти к мобильной версии". Она расположена внизу меню, слева.
Когда вы открываете свою любимую социальную сеть Одноклассники на мобильном устройстве в браузере, автоматически откроется мобильная версия сайта. Если открываете на компьютере, соответственно, откроется полная версия сайта. Как быть, если нужно, чтобы с телефона открылась полная версия сайта, а с компьютера — мобильная? На самом деле ничего сложного тут нет, разработчики Одноклассников позаботились о том, чтобы пользователи могли сами выбирать, как версию сайта использовать.
Давайте начнем со случая, когда вам нужно открыть мобильную версию на компьютере. В правой части страницы нажмите на свой аватар, после чего появится небольшое выпадающее меню, где вам нужно выбрать раздел «Помощь».
Когда откроется страница помощи, опустите ее в самый низ, где увидите дополнительное меню. В меню есть строка «Мобильная версия», нажмите на нее.
Запущена мобильная версия сайта на компьютере.
Теперь перейдем к случаю, когда вам необходимо запустить полную версию с телефона или, скажем, планшета. Здесь все также просто, однако сразу отметим, что сработает сей вариант только с мобильной версией сайта, в фирменном приложении Одноклассников перейти на полную версию пока нельзя.
Запустите браузер, в нем укажите адрес ok.ru и при необходимости введите логин и пароль от своей страницы. Затем вызовите меню и нажмите на строку «Полная версия».
Нажмите «Перейти».
Полная версия сайта загружена на смартфоне.
Возврат к мобильной версии сайта осуществляется способом, описанным в первой части статьи.