Линейка для измерения сайта

Линейка для измерения сайта

Нашел очень удобный инструмент для измерения блоков на сайте (областей, всего сайта, размера строки и прочего). Работает следующим образом: выделяем область, а вверху отображается ширина, высота блока и расстояние левой границы выделенной области до левого края страницы, правой границы до левого края страницы, верхней границы до верхнего края страницы и нижней границы до верхнего края страницы. Значения в пикселях.

Называется сие чудо: page ruler. Я использую расширение для браузера Google Chrome. Скачать можно тут. После чего надо установить.

Справа появится вот такой значек: Линейка для измерения сайта

Чтобы появилась строка со значениями достаточно нажать на него:

Линейка для измерения сайта

Дальше можно выделить область и результаты сразу отобразятся:

Линейка для измерения сайта

Чтобы работать с локальными страницами (открытыми с компьютера), надо сделать небольшую настройку:

1. Нажимаем правой клавишей мыши на значек нашей линейки и выбираем "Управление расширениями..."

Линейка для измерения сайта

Далее попадаем на страницу настроек расширений, находим в списке Page Ruler и ставим галочку "Разрешить открывать файлы по ссылкам".

Линейка для измерения сайта

Вот и все:) Пользуйтесь!

04.04.17
Для просмотра сайта обновите браузер.