Спешу поделиться двумя очень полезными расширениями для браузеров на движке Chrome, которые значительно облегчают жизнь веб-разработчику. Одно из них будет связано непосредственно с вёрсткой, другое — по части SEO и разработки сайтов.
Первое — Page Ruler — позволяет активировать линейку прямо на веб-странице, измерить все необходимые расстояния в пикселях, не прибегая к консоли и визуальным редакторам.
На скриншоте видна работа расширения: указаны ширина, высота выделенного блока, расстояние от левого края, верха, правого края, снизу. Также присутствует опция Element Mode — когда модуль сам определяет границы блоков и привязывается к их краям.
Второе расширение — HTTP Headers. Как ясно из названия, оно получает и отображает заголовки, отдаваемые сервером. Очень удобно при настройке 301 редиректов, корректировке 404 страниц.
На скриншоте видно, что я попытался зайти на www.way-on-top.ru и меня перебросило 301 редиректом обратно на way-on-top.ru, где вернулся ответ 200 OK