Подборка полезных расширений для веб-разработчиков, верстальщиков или просто людей, которые сами разрабатывают свои блоги и сайты.
![11 лучших расширений для веб-разработки в Chrome 1 11 лучших расширений для веб-разработки в Chrome 1](https://levashove.ru/wp-content/uploads/2020/08/Featured-Best-Chrome-Web-Development-Extensions-1200x600.jpg)
1. Color Pick Eyedropper
Вам нравится цветовая гамма какой-либо веб-страницы и вы хотите использовать ее в своем собственном проекте? Расширение Color Pick Eyedropper позволяет с высокой точностью определять цвета.
![11 лучших расширений для веб-разработки в Chrome 2 Chrome Web Color Pick Eyedropper 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-Color-Pick-Eyedropper-1.jpg)
Такие расширения для выполнения цветового извлечения требуют разрешения для использования на всех сайтах. Если вам нужны немного более продвинутые функции, есть похожий инструмент под названием ColorZilla, который поставляется с генератором градиентов, просмотрщиком палитры и историей цветов.
2. One-Click Full Page Screenshot
Это расширение позволяет быстро сделать скриншот любой страницы целиком.
![11 лучших расширений для веб-разработки в Chrome 3 Chrome Web One Click Full Page Screenshot 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-One-Click-Full-Page-Screenshot-1.jpg)
Скриншот страницы будет доступен для скачивания в формате PNG. Вы также можете применить к нему некоторые эффекты, добавить текст и многое другое.
3. EditThisCookie
EditThisCookie — полезное расширение, позволяющее работать с куки-файлами, экспортировать или импортировать их в JSON формате.
![11 лучших расширений для веб-разработки в Chrome 4 Chrome Web Editthiscookie 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-EditThisCookie-1.jpg)
4. ModHeader
ModHeader — одно из самых популярных расширений Chrome для изменения HTTP-заголовков веб-страниц. В один-два клика вы можете включить модификацию заголовков в зависимости от URL или типа ресурса. Самое лучшее то, что вы можете создавать несколько профилей и добавлять различные значения к измененным заголовкам. Все изменения могут быть ограничены одной вкладкой или целым сайтом.
![11 лучших расширений для веб-разработки в Chrome 5 Chrome Web Modheader 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-ModHeader-1.jpg)
5. UX Check
Если вам нужна эвристическая оценка работающего сайта, то это легко сделать с помощью UX Check, расширения, которое отображает все связанные с UX отзывы в боковой панели. После нажатия на элемент, который не соответствует эвристической оценке, вы можете добавить заметки и сделать скриншоты. Наконец, все изменения можно экспортировать в формате .docx.
![11 лучших расширений для веб-разработки в Chrome 6 Chrome Web Ux Check 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-UX-Check-1.jpg)
6. Window Resizer
Веб-разработчикам часто необходимо проверять страницы на различных размерах экрана. Для этого пригодится расширение Window Resizer.
![11 лучших расширений для веб-разработки в Chrome 7 Chrome Web Window Resizer](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-Window-Resizer.jpg)
7. Lorem Ipsum Generator
Это расширение заполняет блоки для текста «рыбой».
![11 лучших расширений для веб-разработки в Chrome 8 Chrome Web Lorem Ipsum Generator 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-Lorem-Ipsum-Generator-1.jpg)
8. BuiltWith Technology Profiler
BuiltWith — классическое расширение, позволяющее узнать обо всех технологиях, лежащих в основе сайта.
![11 лучших расширений для веб-разработки в Chrome 9 Chrome Web Builtwith 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-BuiltWith-1.jpg)
9. WhatFont
WhatFont — это один из самых быстрых и простых способов определения типов шрифтов на странице.
![11 лучших расширений для веб-разработки в Chrome 10 Chrome Web Whatfont 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-WhatFont-1.jpg)
10. CheckMyLinks
CheckMyLinks — расширение для проверки неправильных и неработающих ссылок на сайте.
![11 лучших расширений для веб-разработки в Chrome 11 Chrome Web Checkmylinks 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-CheckMyLinks-1.jpg)
11. Pesticide
Pesticide позволяет вам отлаживать проблемы с CSS версткой, предоставляя схему для каждого элемента страницы. Удерживая клавишу Ctrl, вы можете увидеть информацию об элементе и проанализировать его расположение на странице.
![11 лучших расширений для веб-разработки в Chrome 12 Chrome Web Pesticide 1](https://www.maketecheasier.com/assets/uploads/2020/08/Chrome-Web-Pesticide-1.jpg)
Спасибо, что читаете! На данный момент большинство моих заметок, статей и подборок выходит в telegram канале «Левашов». Обязательно подписывайтесь, чтобы не пропустить новости мира ИТ, полезные инструкции и нужные сервисы.
Респект за пост! Спасибо за работу!
Хотите больше постов в блоге? Подборок софта и сервисов, а также обзоры на гаджеты? Сейчас, чтобы писать регулярно и радовать вас большими обзорами, мне требуется помощь. Чтобы поддерживать сайт на регулярной основе, вы можете оформить подписку на российском сервисе Boosty. Или воспользоваться ЮMoney (бывшие Яндекс Деньги) для разовой поддержки:
Заранее спасибо! Все собранные средства будут пущены на развитие сайта. Поддержка проекта является подарком владельцу сайта.