> ## Content Index > Fetch the complete content index at: https://blog.themarfa.name/llms.txt > Use this file to discover other available public pages before exploring further. # 12 Chrome-расширений для повышения производительности веб-разработчиков - URL: https://blog.themarfa.name/12-chrome-rasshirienii-dlia-povyshieniia-proizvoditielnosti-vieb-razrabotchikov/ - Published: 2023-04-19T11:14:37.000Z - Updated: 2024-05-23T12:55:11.000Z - Description: Наверняка в вашем браузере уже установлено немало расширений для Chrome. Но эти правда будут полезны. - Author: Гостевой - Tags: chrome, Web Vitals, Web Server for Chrome, JSON View Pro, Live editor for CSS, Lightshot, WhatFont, BuiltWith Technology Profiler, Firecamp, EditThisCookie, Dimensions, Clear Cache, ColorZilla Наверняка в вашем браузере уже установлено немало расширений для Chrome. А вы знаете, что некоторые из нижеперечисленных расширений для Chrome могут повысить вашу производительность как веб-разработчика? ### Web Vitals ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed.jpg) Измеряет параметры здоровья сайта и позволяет повысить SEO-рейтинг вашего веб-проекта. Web Vitals предоставляет качественные сигналы, которые станут ключом к обеспечению высокой удовлетворённости пользователей вашего сайта. Это расширение измеряет основные параметры веб-сайта и мгновенно предоставляет обратную связь по нагрузке, интерактивности и метрикам изменения макета. Она согласуется с тем, как Chrome измеряет эти показатели и передаёт их в другие инструменты Google (например, такие отчёты, как Chrome User Experience Report, Page Speed Insights, Search Console). [Скачать](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma) ### Web Server for Chrome ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--1-.jpg) Расширение, которое с помощью HTTP обслуживает веб-страницы из локальной папки в сети. Работает в автономном режиме. Web Server for Chrome — это (MIT) HTTP-сервер для Chrome с открытым исходным кодом. [Скачать](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb) ### JSON View Pro ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--2-.jpg) Абсолютно бесплатное расширение для визуализации ответа JSON в виде потрясающего Дерева и Диаграммы с удобным пользовательским интерфейсом и отличными опциями. Без рекламы. [Скачать](https://chrome.google.com/webstore/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc) ### Live editor for CSS ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--3-.jpg) Предпросмотр изменений в коде CSS/Less/Sass в режиме Live. Позволяет автоматически сохранять файлы, автоматически дописывать код, конвертировать Less/Sass в CSS, делать код красивее и предоставляет возможность запускать перезагрузку и проверку оформления кода CSS. Запустите это расширение и начните писать CSS/Less/Sass код, изменения будут применены немедленно. Написанный код будет сохранён в хранилище расширения браузера либо в локальном хранилище сайта. [Скачать](https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol) ### LightShot ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--4-.jpg) Это самый быстрый способ сделать редактируемый скриншот. Простой интерфейс, лёгкость использования и ничего лишнего. [Скачать](https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp) 💡 [20 приложений для быстрого создания крутых скриншотов](https://blog.themarfa.name/20-prilozhienii-dlia-bystrogho-sozdanii-krutykh-skrinshotov/) ### WhatFont ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--5-.jpg) Самый простой способ определять шрифты на веб-страницах. [Скачать](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm) ### Firecamp ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--6-.jpg) Позволяет совместно с командой тестировать выбранные API, WebSocket, HTTP и GraphQL в рамках одного приложения. [Скачать](https://chrome.google.com/webstore/detail/firecamp-a-multi-protocol/eajaahbjpnhghjcdaclbkeamlkepinbl?hl=en) ### BuiltWith Technology Profiler ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--7-.jpg) Расширение позволяет узнать, с помощью чего был создан сайт, просто щёлкнув по иконке **BuiltWith**! [Скачать](https://chrome.google.com/webstore/detail/builtwith-technology-prof/dapjbgnjinbpoindlpdmhochffioedbn?hl=en) ### EditthisCookie ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--8-.jpg) Поможет в управлении данными Cookie. Вы сможете добавлять, удалять, редактировать, искать, защищать и блокировать Cookie! [Скачать](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg) 💡 [4 Chrome-расширения для редактирования Cookies](https://blog.themarfa.name/4-chrome-rasshirieniia-dlia-riedaktirovaniia-cookies/) ### Dimensions ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--9-.jpg) Инструмент для дизайнеров, измеряющий размер экрана. Позволяет измерить расстояния между следующими элементами: изображениями, областями ввода, кнопками, видео, gif-файлами, текстом, иконками. Вы сможете измерить всё, что видите в браузере. [Скачать](https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj) ### Clear Cache ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--10-.jpg) Очистите кеш и историю браузера одним нажатием кнопки. При помощи этого расширения вы сможете быстро очистить кеш без подтверждения в диалоговом окне, всплывающих окон и других раздражающих факторов. [Скачать](https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn) ### ColorZilla ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2023/04/unnamed--11-.jpg) Продвинутые инструменты для работы с цветом, включая пипетку, палитру цветов, генератор градиентов и другие. ColorZilla — одно из самых популярных расширений для разработчиков, которое загрузили более 5 миллионов раз. Скачать 💡 [13 cервисов подбора цвета для веб-дизайна](https://blog.themarfa.name/13-ciervisov-podbora-tsvieta-dlia-vieb-dizaina/) --- Если вы, как веб-разработчик, знаете и используете ещё какие-нибудь интересные расширения, обязательно напишите о них в комментариях.