11 лучших расширений для веб-разработки в Chrome

Подборка полезных расширений для веб-разработчиков, верстальщиков или просто людей, которые сами разрабатывают свои блоги и сайты.

11 лучших расширений для веб-разработки в Chrome 1

1. Color Pick Eyedropper

Вам нравится цветовая гамма какой-либо веб-страницы и вы хотите использовать ее в своем собственном проекте? Расширение Color Pick Eyedropper позволяет с высокой точностью определять цвета.

Chrome Web Color Pick Eyedropper 1

Такие расширения для выполнения цветового извлечения требуют разрешения для использования на всех сайтах. Если вам нужны немного более продвинутые функции, есть похожий инструмент под названием ColorZilla, который поставляется с генератором градиентов, просмотрщиком палитры и историей цветов.

2. One-Click Full Page Screenshot

Это расширение позволяет быстро сделать скриншот любой страницы целиком.

Chrome Web One Click Full Page Screenshot 1

Скриншот страницы будет доступен для скачивания в формате PNG. Вы также можете применить к нему некоторые эффекты, добавить текст и многое другое.

3. EditThisCookie

EditThisCookie — полезное расширение, позволяющее работать с куки-файлами, экспортировать или импортировать их в JSON формате.

Chrome Web Editthiscookie 1

4. ModHeader

ModHeader — одно из самых популярных расширений Chrome для изменения HTTP-заголовков веб-страниц. В один-два клика вы можете включить модификацию заголовков в зависимости от URL или типа ресурса. Самое лучшее то, что вы можете создавать несколько профилей и добавлять различные значения к измененным заголовкам. Все изменения могут быть ограничены одной вкладкой или целым сайтом.

Chrome Web Modheader 1

5. UX Check

Если вам нужна эвристическая оценка работающего сайта, то это легко сделать с помощью UX Check, расширения, которое отображает все связанные с UX отзывы в боковой панели. После нажатия на элемент, который не соответствует эвристической оценке, вы можете добавить заметки и сделать скриншоты. Наконец, все изменения можно экспортировать в формате .docx.

Chrome Web Ux Check 1

6. Window Resizer

Веб-разработчикам часто необходимо проверять страницы на различных размерах экрана. Для этого пригодится расширение Window Resizer.

Chrome Web Window Resizer

7. Lorem Ipsum Generator

Это расширение заполняет блоки для текста «рыбой».

Chrome Web Lorem Ipsum Generator 1

8. BuiltWith Technology Profiler

BuiltWith — классическое расширение, позволяющее узнать обо всех технологиях, лежащих в основе сайта.

Chrome Web Builtwith 1

9. WhatFont

WhatFont — это один из самых быстрых и простых способов определения типов шрифтов на странице.

Chrome Web Whatfont 1

10. CheckMyLinks

CheckMyLinks — расширение для проверки неправильных и неработающих ссылок на сайте.

Chrome Web Checkmylinks 1

11. Pesticide

Pesticide позволяет вам отлаживать проблемы с CSS версткой, предоставляя схему для каждого элемента страницы. Удерживая клавишу Ctrl, вы можете увидеть информацию об элементе и проанализировать его расположение на странице.

Chrome Web Pesticide 1

Спасибо, что читаете! На данный момент большинство моих заметок, статей и подборок выходит в telegram канале «Левашов». Обязательно подписывайтесь, чтобы не пропустить новости мира ИТ, полезные инструкции и нужные сервисы.


Респект за пост! Спасибо за работу!

Хотите больше постов в блоге? Подборок софта и сервисов, а также обзоры на гаджеты? Сейчас, чтобы писать регулярно и радовать вас большими обзорами, мне требуется помощь. Чтобы поддерживать сайт на регулярной основе, вы можете оформить подписку на российском сервисе Boosty. Или воспользоваться ЮMoney (бывшие Яндекс Деньги) для разовой поддержки:


Заранее спасибо! Все собранные средства будут пущены на развитие сайта. Поддержка проекта является подарком владельцу сайта.

Подписаться
Уведомление о
guest
0 комментариев
Inline Feedbacks
View all comments
0
Прочитали? Прокомментируйте!x
Яндекс.Метрика