Узнай как выглядит твой сайт на разных мобильных гаджетах
Предлагаю вам познакомиться с сервисом, который позволяет увидеть сайт на различных мобильных гаджетах. Этим сервисом пользуюсь я при создании мобильной версии сайтов.
Найдем данный сервис по ссылке http://quirktools.com/screenfly/. Он на английском, но здесь все интуитивно понятно.
Для начала необходимо ввести адрес страницы, которую мы хотим проанализировать. Т.е. если нужна определенная страница, то вводим ее, т.к. потом переход по страницам будет не возможен и нужно будет снова ввести требуемый URL для отображения.
Для примера введем адрес последней статьи Петра http://wpnew.ru/sozdanie-bloga/optimizaciya-bloga/nastrojka-chpu-wordpress.html, где присутствуют нумерованный список, изображения, форма комментариев и прочее. Полный набор для наглядного примера.
Сразу у вас загрузится обычная версия для ПК. Нам же нужно посмотреть как будет выглядеть сайт на мобильниках. Для этого необходимо выбрать в верхнем меню гаджет, с которого хотим просмотреть сайт:
Крайняя правая стрелка указывает на иконку глаза. Активируем ее, чтобы подключился прокси сервер с необходимым юзер-агентом операционной системы. Без активации "глаза" сайт будет выглядеть как обычно с компа.
Если необходимо загрузить другую страницу, то кликаем по URL в конце формы:
Для обновления страницы можно использовать соответствующую кнопку в верхнем меню (Refresh) или на своей клавиатуре CTRL+F5 для сброса кеша браузера (если правки уже сохранили на сервере).
Это все нюансы при работе с сервисом.
Теперь можно спокойно использовать FireBug или редактор HTML/CSS в браузерах, для правки верстки на лету. Очень удобно при создании мобильного шаблона или адаптивной верстке.
Подобных сервисов куча и каждый выбирает удобный для себя. Теперь вы знаете еще об одном.
А вам нужна мобильная версия сайта?