Чтобы создавать веб-приложения умнее, проще, лучше и быстрее, вам понадобятся некоторые расширения для браузера, особенно если вы frontend-разработчик. Что ж, вам повезло: добро пожаловать в 10+ уникальных расширений Chrome для веб-разработчиков.
1. JSONViewer
Просмотр Json в браузере может быть очень вредным для наших глаз, но это расширение выделяет любой JSON-файл, который вы открываете в браузере, таким образом, делая его более удобным для чтения.
2. Colorzilla
Это одно из самых популярных расширений с более чем 2 миллионами пользователей. Это расширение используется для извлечения цветов из страниц.
3. Amino
Amino — это бесплатное расширение для браузера, которое позволяет добавлять пользовательские CSS на любую веб-страницу. С помощью Amino вы можете
настроить цвета, шрифты, макет страницы и многое другое. Это довольно продвинутое расширение, в нем также есть инструмент проверки CSS.
4.uBlock Origin
uBlock Origin — это блокировщик рекламы, который блокирует рекламу безупречно и эффективно. Я очень рекомендую этот блокировщик рекламы, потому что он является одним из лучших в своем деле. У него более 10 миллионов загрузок, так что если вы ненавидите рекламу, попробуйте его.
5. Wappalyzer
Wappalyzer — это технологический профилировщик, который показывает, на чем построены веб-сайты. Он позволяет узнать фреймворк, платформу электронной коммерции, библиотеки JavaScript и многое другое.
6. WhatFont
Вы когда-нибудь натыкались на множество красивых шрифтов на веб-страницах? WhatFont — это инструмент, который позволяет определять шрифты на веб-страницах.
7. Window Resizer
Этот инструмент очень важен для реализации отзывчивого дизайна. Window Resizer — это инструмент, который позволяет эмулировать различные разрешения экрана.
8. Веб-разработчик
Web developer — это расширение, которое предлагает множество важных инструментов для написания и тестирования веб-сайтов.
9.React/vue/angular devtools
Это расширения, которые предоставляют большую помощь в работе с frontend javascript-фреймворками, такими как Reactjs, Vuejs и Angular.
10. Daily.dev
daily.dev — это отличное онлайн-сообщество для разработчиков, позволяющее быть в курсе лучших новостей для разработчиков. С помощью этого расширения daily.dev будет автоматически становиться вашей домашней страницей по умолчанию, когда вы открываете новую вкладку chrome.
11. CSS Viewer
CSS Viewer позволяет вам нажать на любую кнопку/изображение/текст и т.д. на веб-странице, и вы можете мгновенно увидеть код CSS, который был использован.
Заключение
Спасибо, что прочитали, эта статья была большой работой. Я буду очень рад, если вы последуете за мной и подпишетесь на мою рассылку.