Главная » Статьи » Сервисы » Вэб Дизайн

Скрипт для тестирования адаптивного шаблона

Скрипт для тестирования адаптивного шаблона состоит из двух файликов:

  • index.html
  • responsive.js

Скрипт позволяет просматривать ваш сайт или отдельную, конкретную страницу вашего сайта в двух режимах.

Первый - по ширине устройства.
Второй - по размеру окна устройства (см. картинку ниже).

Настройка скрипта для тестирования адаптивного шаблона

defaultURL

Настраивается скрипт-помощник просто. В скачанном zip архиве по этой ссылке найдите файл responsive.js. Файл необходимо слегка отредактировать, заменив в самой верхней строчке defaultURL на адрес своего сайта. Просто, тот домен который увидите там, замените своим и сохраните. Файл index.html редактировать не нужно.

Теперь можно запустить index.html и наблюдать, как ваш сайт показывается в разных устройствах и наслаждаться "кривизной" наших рук (шучу).

Кроме этого вы можете вставить ссылку на любую страницу вашего сайта в поле Test your own site... и посмотреть как данный раздел или страничка на сайте, передается в разные устройства. Дизайнерить с таким скриптом под рукой существенно проще.


Дата: | Категория: Вэб Дизайн Просмотров: 1415 | Теги: тестирование адаптивного шаблона, адаптивный шаблон сайта

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме:
Скрипт для тестирования адаптивного шаблона

  • Статьи по теме:
    Скрипт для тестирования адаптивного шаблона