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

Здравствуйте посетители с разных источников!

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

Напишу о реальной проверке сайта, без воды и развода. Хотя какой тут может быть развод? Опишу пользование сервиса, даже нескольких, на которых можно проверить сайт – проверить вид на мобильном устройстве и еще расскажу о супер-плагине, который сделает ваш блог мобильным, чтобы им могли пользоваться все люди в интернете с любых телефонов, с любым расширением и т.д.

Коротко расскажу, где я взял эту идею о проверке сайта на мобильном. Если не хотите об этом узнавать, просто проскрольте страницу немного ниже …

Мне подала идею о проверке сайта Надежда Давыдова в своей статье «Что такое поведенческие факторы сайта и как их улучшить?». За что ей очень благодарен!

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

Сервисы для проверки сайта на мобильных устройствах

Для начала покажу, как мой блог отображается на телефонах. Я его проверил и вот результат:

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

Проверял свой блог здесь. Этот сайт называется responsinator. Как осуществить проверку, читайте дальше …

По перейденной ссылке выше, вы попадаете на отличный сервис. Там нужно просто ввести свой домен в строку «Enter your site», чтобы сервис сделал проверку вашего сайта. Вам покажут ваш проверенный сайт на нескольких айфонах и планшетах. Их там аж вот столько:

  1. iPhone 5 portrait width: 320px
  2. iPhone 5 landscape width: 568px
  3. iPhone 6 portrait width: 375px
  4. iPhone 6 landscape width: 667px
  5. iPhone 6 Plump portrait width: 414px
  6. iPhone 6 Plump landscape width: 736px
  7. Crappy Android portrait width: 240px
  8. Crappy Android landscape width: 320px
  9. Android (Nexus 4) portrait width: 384px
  10. Android (Nexus 4) landscape width: 600px
  11. iPad portrait width: 768px
  12. iPad landscape width: 1024px

Как видите, проверка сайта сделана на 12 устройствах. Но я сомневаюсь, что у всех есть такие цацки. Конечно, мы сейчас живем (2014 год) в мире высоких технологий, но тем не менее не все могут позволить себе такую роскошь. Есть выход! Можно проверить сайт на других сервисах. Например, [urlspan]здесь[/urlspan]. Тоже вводите свой адрес:

Как проверить сайт

Это, наверное, один из лучших ресурсов для проверки сайтов, который я когда-либо видел. Жалко, что у нас так еще не научились делать! А может уже умеют? Буду благодарен за рассказ о сервисах, на которых вы уважаемый посетитель делаете проверку своего сайта! Можно просмотреть свой блог на разных устройствах:

  • Широкоэкранные мониторы
  • Ifone, Ipad, android
  • Телефоны разных моделей
  • Телевизоры
  • Свой размер
  • Просмотр экрана на развороте
  • Разрешить прокручивать страницу

СПОСОБЫ ПРОВЕРКИ НЕ МОБИЛЬНЫХ САЙТОВ

Думаю, не у всех блог хорошо отобразился на мобилах. Поэтому расскажу вам решение этой проблемы, но пока без проверки сайта. Способов для мобилизирования своего сайта немного, но они есть, вот:

  1. Установить специальный плагин
  2. Заказать мобильную версию у freelancer
  3. Резиновый шаблон

ПЛАГИН МОБИЛЬНОЙ ВЕРСИИ ДЛЯ БЛОГОВ

Первое решение, думаю понятно? Идете на фриланс-биржу и делаете заказ, а вот второй немного подробней. Ведь плагинов создали очень много и какой из них тот, что нужен не понятно. Я пока плагин не использую, но в интернете прочитал много положительных отзывов об этом: MobilePress – скачать. После скачивания устанавливайте его, как обычно, активируйте и делайте настройки.

Возможно, вы уже догадались, у меня резиновый шаблон и он подстраивается под все разрешения, то есть экран маленький, значит мой блог сузиться и станет тоже маленьким, будет большая ширина и блог тоже станет большим по ширине.  Вот только сайдбар мне не нравиться 🙁 После проверки сайта серверами мне показали, что сайдбар срезается или не дотягивает до края. Есть у кого-то советы по решению этой проблемы без плагина?

Как проверить сайт без плагина

От выбора правильного шаблона зависит успех вашего web-сайта! Если нет денег на freelance, то советую выбирать резиновую тему, чтобы она могла уменьшаться и сужаться, когда надо.

Пишите вопросы, я с радостью на них отвечу. Жду ваших комментариев с нетерпением. До встречи в другой статье!

С уважением, Алексей Кобзарев

28 комментариев

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *