Скрипт для тестирования адаптивного шаблона состоит из двух файликов:
- index.html
- responsive.js
Скрипт позволяет просматривать ваш сайт или отдельную, конкретную страницу вашего сайта в двух режимах.
Первый - по ширине устройства.
Второй - по размеру окна устройства (см. картинку ниже).
Настройка скрипта для тестирования адаптивного шаблона
defaultURLНастраивается скрипт-помощник просто. В скачанном zip архиве по этой ссылке найдите файл responsive.js
. Файл необходимо слегка отредактировать, заменив в самой верхней строчке defaultURL на адрес своего сайта. Просто, тот домен который увидите там, замените своим и сохраните. Файл index.html
редактировать не нужно.
Теперь можно запустить index.html
и наблюдать, как ваш сайт показывается в разных устройствах и наслаждаться "кривизной" наших рук (шучу).
Кроме этого вы можете вставить ссылку на любую страницу вашего сайта в поле Test your own site... и посмотреть как данный раздел или страничка на сайте, передается в разные устройства. Дизайнерить с таким скриптом под рукой существенно проще.