- PVSM.RU - https://www.pvsm.ru -

Тестирование адаптивной верстки локального сайта

Здраствуйте, ребята!

Сегодня наткнулся на статью «9 интересностей и полезностей для веб-разработчика» (http://habrahabr.ru/post/189994/ [1]), в которой рассматриваются всякие полезности для веб-разрабочиков. Среди всего прочего нашел для себя прикольную тулзу для тестирования сайта под разным расширением — «dimensionsapp» (ссылка [2]). Но в чем проблема, мне необходимо тестировать сайт который располагается на моем локальном веб-сервере. И тут мне в голову пришла идея быстренько собрать такую же тулзу, только чтобы она работала у меня в локале!

Требования к тулзе:

  • Возможность ручного выбора ширины области просмотра и выбор из готовых размеров устройств Apple (iPhone и iPad)
  • Возможность просматривать на 100% высоты окна или полностью подстравить область просмотра под размеры девайса
  • Простой и легковесный интерфейс (никакой графики)
  • Шкала делений с шагом в 5 и 50 пикселей
  • Возможность видеть текущую ширину области просмотра

Итак в результате 3-х часов кодинга получена тулза с кодовым названием «Moka moka» (ну я долго не думал). Дальше парочка скриншотов работы тулзы:

Тестирование адаптивной верстки локального сайта

Тестирование адаптивной верстки локального сайта

Тестировал правда пока только в Chrome, Opera, Firefox.
Репозиторий на github: github.com/sokal32/moka-moka [3]

Автор: sokal32

Источник [4]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/41052

Ссылки в тексте:

[1] http://habrahabr.ru/post/189994/: http://habrahabr.ru/post/189994/

[2] ссылка: http://www.dimensionsapp.com/test/#url=http://mashable.com&size=320&device=none&orientation=portrait

[3] github.com/sokal32/moka-moka: https://github.com/sokal32/moka-moka

[4] Источник: http://habrahabr.ru/post/190244/