Поиск по этому блогу

вторник, 25 сентября 2012 г.

Pixel Perfect на js.

Существует множество способов тестировать верстку. Большинство из них были описаны в статьях или комментариях хабра. Упоминаний данного способа я не нашел.Утилита разработана командой xhtmlized.
Совместима со всеми браузерами, потому как подключается в виде плагина jQuery.

Установка и настройка

Для тестирования верстки вам нужно подключить jQuery, а за ним XPrecise.
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="_xprecise/xprecise.min.js"></script>
Затем вы экспортируете свой дизайн в .jpg картинку соответствующую названию страницы и кладете в папку _xprecise_images.
Если у вас другой тип или название файла вы сможете заменить его в процессе тестирования.
Демо
Скачать

P.S. К сожалению последняя версия jQuery, с которой он совместим — 1.7.1. Портировать на последнюю пока не удалось, буду рад, если кто-то поможет.

Источник: http://habrahabr.ru/post/152115/

Комментариев нет:

Отправить комментарий

Количество·просмотров