Ваш промокод mojWPAds на плагин рекламы для WordPress >>

Узнай как выглядит твой сайт на разных мобильных гаджетах

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

Найдем данный сервис по ссылке http://quirktools.com/screenfly/. Он на английском, но здесь все интуитивно понятно.

Для начала необходимо ввести адрес страницы, которую мы хотим проанализировать. Т.е. если нужна определенная страница, то вводим ее, т.к. потом переход по страницам будет не возможен и нужно будет снова ввести требуемый URL для отображения.

Для примера введем адрес последней статьи Петра http://wpnew.ru/sozdanie-bloga/optimizaciya-bloga/nastrojka-chpu-wordpress.html, где присутствуют нумерованный список, изображения, форма комментариев и прочее. Полный набор для наглядного примера.

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

rf смотрится сайт с мобильника

Клик для увеличения

Крайняя правая стрелка указывает на иконку глаза. Активируем ее, чтобы подключился прокси сервер с необходимым юзер-агентом операционной системы. Без активации "глаза" сайт будет выглядеть как обычно с компа.

Если необходимо загрузить другую страницу, то кликаем по URL в конце формы:

Screenshot_5

Для обновления страницы можно использовать соответствующую кнопку в верхнем меню (Refresh) или на своей клавиатуре CTRL+F5 для сброса кеша браузера (если правки уже сохранили на сервере).

Это все нюансы при работе с сервисом.

Теперь можно спокойно использовать FireBug или редактор HTML/CSS в браузерах, для правки верстки на лету. Очень удобно при создании мобильного шаблона или адаптивной верстке.

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

А вам нужна мобильная версия сайта?

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 6 комментариев
  1. Dimox says:
    http://dimox.name

    Как же неудобно ты сделал, что неугодные тебе ссылки по сути не являются ссылками. Невозможно открыть колесом мыши. Не понимаю такую параноидальную боязнь поставить настоящие ссылки.

    • Виталий says:
      http://mojWP.ru/

      Простым кликом откроет в новом окне. Не обязательно колесом.

      Это не паранойя, а сохранение баланса входящих/исходящих по сайту. Обрати внимание, что я без проблем ставлю открытые линки на другие сайты (не проплаченные).

      • Слава says:

        А у Вас есть статья, как так же скрыть ссылки? А то много где вижу, а как загуглить этот метод да же не знаю )))

        • Виталий says:
          http://mojWP.ru/

          На alaev.info написано подробно несколько вариантов

    • Роман llgr says:
      http://dogshow.me/

      Ты сам вроде принимал участие в обсуждении скрытия ajax'ом ссылок на форуме алаичъ'а

  2. Евгений says:
    http://refovod.name

    Спасибо за статью, Виталий. Сервис очень пригодился. Увидел, как коряво выглядят мои сайты на некоторых устройствах. =) Еще работать и работать...

Не держи в себе. Выскажись.

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

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.73MB | MySQL:121 | 0,239sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookie
Друг, не уходи!