Полезные расширения Google Chrome для программиста

Работа программиста настолько сложна и разнообразна, что в ней просто не обойтись без помощи различных инструментов. Подготовил список из 34 полезных расширений Google Chrome, которые облегчат вашу жизнь и сэкономят время.

image

1. Octotree

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

2. PerfectPixel by WellDoneCode

Это расширение позволяет разработчикам накладывать изображения полупрозрачным слоем поверх HTML и делать попиксельное сравнение.

3. GitHub Repository Size

Удобный и простой плагин, отображающий как объем отдельного репозитория, так и размер кажого файла в нем.

4. Refined Github

Расширение отображает недавно опубликованные бранчи, а также позволяет по-новому работать с запросами и показывает аватары пользователей, которые отреагировали на коммент.

5. Code Cola

Плагин, который предлагает широкие возможности визуального редактирования стилей CSS.
При помощи данного расширения можно редактировать основные стили CSS3 прямо на сайте.

6. DomFlags

Расширение для быстрой работы с Chrome Developer Tools.
Создает меню ссылок для быстрой навигации по вашему коду.

7. JSON Formatter

Расширение упрощает читаемость JSON. Имеет подсветку синтаксиса, отступы, кликабельные ссылки.

8. EditThisCookie

EditThisCookie — это менеджер cookie. С его помощью вы можете добавлять, удалять, изменять, искать, защищать и блокировать cookie

9. Redux DevTools

Инструмент для отладки приложений с использованием Redux.

10. iMacros for Chrome

Если вам надо настроить тестирование веб-страницы путём циклического совершения определённых действий, то это приложение именно то, что нужно.

11. github npm stats

Плагин показывает статистику загрузок пакета на сайте NPM.

12. RailsPanel

Расширение для разработки Rails приложений, которое будет обрабатывать лог файл. Получите доступ ко всей информации о запросах вашего Rails приложения прямо в консоли.

13. Xdebug helper

Простое расширение отладки, профилирования и трассировки для Xdebug

14. Resolution Test

Resolution Test — поможет при тестировании веб-приложений на разных разрешениях и размерах экрана. Выбрать распространенное разрешение можно из списка, или же ввести необходимые размеры вручную. Это расширение изменяет размеры браузера и эмулирует ваше приложение в нужном разрешении экрана.

15. CSS Peeper

Расширение для просмотра используемых на сайтах цветов и ассетов: иллюстраций, текстовых документов, файлов вёрстки, видеофайлов.

16. Android SDK search

Расширение помогает быстро найти Android SDK на официальном сайте разработчика.

17. WhatRuns

WhatRuns позволяет увидеть все фреймворки и инструменты, обеспечивающие работу сайта, включая WordPress и другие материалы, такие как Google Analytics.

18. Wordpress Site Manager

Расширение пригодится тем, кто хочет собрать всю необходимую для авторизации на своих сайтах информацию в одном месте. WordPress Site Manager сохранит вашу информацию и обеспечит доступ к главным страницам ваших сайтов прямо из браузера.

19. BuiltWith Technology Profiler

Расширение позволяет определить, каким образом был разработан тот или иной веб-сайт.

20. User-Agent Switcher

Расширение для того, чтобы увидеть, как сайт будет выглядеть на разных устройствах.

21. Stylebot

Stylebot — это расширение для браузера Chrome, которое позволяет настраивать отображение страниц в браузере согласно своим предпочтениям. Причем делается это легким и удобным способом, с мгновенным отображением изменений, так что справиться сможет любой человек, без необходимости знания HTML и CSS.

22. PHP Ninja Manual

Расширение позволяет получить мгновенный доступ к документации по PHP 5.5 из браузера.
Трудно запомнить каждую функцию, и если раньше вы тратили часы на поиск в Google, то это расширение облегчит вам жизнь.

23. Restlet Client — REST API Testing

Автоматизируйте свои тесты API с помощью этого расширения.

24. CSS-Shack

С помощью расширения сможете создавать дизайн и экспортировать его в CSS файл для использования на сайте. Оно поддерживает слои и содержит множество инструментов, которые можно использовать и в стандартном фоторедакторе.

25. Web Maker

Это расширение предоставляет удобную и автономную площадку для веб-экспериментов.
Идеально подходит для разработчиков, которые хотят экспериментировать или практиковаться в HTML/CSS/JS. Работает без подключения к интернету.

26. npmhub

При просмотре репозитория на github.com, в котором есть файл package.json, это расширение будет анализировать зависимости в пакете и отображать ссылки с описанием для них чуть ниже файла README.

27. Augury

Плагин расширяет инструментарий разработчика, добавляя инструменты для отладки и профилирования AngularJS

28. JetBrains IDE Support

Расширение для редактирования HTML/CSS/JavaScript и отладка JavaScript с использованием IDE JetBrains.

29. PHP Console

Расширение отображает ошибки PHP и дампы в консоли Google Chrome и всплывающих окнах уведомлений.

30. Advanced REST client

С помощью расширения, вы сможете заполнять данные форм и делать POST, PUT, GET, DELETE запросы, делать запросы к RestFul сервисам, смотреть ответы от сервера и многое другое.

31. DevTools Autosave

Плагин позволяет автоматически сохранять любые изменения в CSS или JS с помощью инструментов среды Chrome Dev к его исходному файлу.

32. JSONView

Плагин для проверки и просмотр документов JSON. Умеет автоматически делать форматирование, подсветку синтаксиса и прочие удобства для повышения читаемости JSON.

33. Isometric Contributions

Расширение позволяет переключаться между обычной диаграммой вклада на GitHub и версией изометрического пиксельного искусства.

34. OctoLinker

Расширение обеспечивает быструю навигацию по коду благодаря превращению элементов кода (например, include, require или import) в кликабельные ссылки. Переход по такой ссылке позволяет найти первоисточник. В зависимости от языка программирования расширение показывает исходный файл или же переносит пользователя на внешний сайт.

Надеюсь вы нашли для себя что-нибудь новое.
Мой список неполный, напишите в комментарии, какими расширениями вы пользуетесь и можете порекомендовать.


Мой телеграм-канал (@iscanner), пишу о Web и App аналитике
Поделиться публикацией
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама

Комментарии 11

    –7
    годно, спасибо!
      +4
      Ожидал увидеть что-то для работы с стэковерфлоу, репозиториями или подобные вещи, которые нужны _всем_ или большинству разработчиков.
      А так, я бы назвал это расширениями для веб-разработчика/верстальщика/тестировщика итд. Но не «для программиста».

      Ну и сама подборка достаточно субъективная и неполная. Вместо CodeCola мне больше нравится User JavaScript and CSS. Нет чего-то подобного IPFuck, Allow-Control-Allow-Origin, REST-клиента, PerfectPixel и других подобных расширений.
        +1
        Я порекомендую разработку Романа Дворнова для работы с JSON: JSON Discovery. Кроме красивого вывода JSON она позволяет делать богатые отчеты на их основе.

        chrome.google.com/webstore/detail/jsondiscovery/pamhglogfolfbmlpnenhpeholpnlcclo
          0
          Там 2 раза WordPress devtools
            0
            Спасибо! Исправил
            –1
            ...
            Автор телеграм-канала о маркетинге (@proroas)
              +1
              По идее браузер (вернее ресурсы в сети) уже вплоне себе посзволяют писать код.

              Мне тут давеча одна фича нужна была — так я форкнул на гитхабе проект (на С) дописал прямо в браузере фичу, послал пулл реквест — TravisCI нашел ошибки при сборке, я их в браузере подправил, еще раз TravisCI упал — еще подправил (ну хреновый я C-программист — что есть — то есть). Когда TravisCI сказал ок — в проекте повис реквест с проверенным собирающимся кодом.

              Честно говоря я сам удивился, когда понял, что я написал код для пулл реквеста не выходя из браузера и не парясь организацией окружения для сборки проекта. Более того у меня ни строчки кода даже локально на моем компе не появилось.
                +1

                Плюсую за Octotree.

                  0

                  Документация по php 5.5 в 2019… Мдя...

                    0

                    Давно была идея расширения: Go To Definition в браузере для большого количества языков и проектов на GitHub. Есть https://referencesource.microsoft.com/, но это только для .NET, для определенный основных библиотек, причем отстает от кодовой базы. Конечно, это потребует серверные мощности, чтобы генерировать семантическую модель по востребованию и клиент уже ей пользовался. Но оно того стоит: неплохо облегчило бы навигаю по исходникам.


                    Есть что-то подобное?

                      0

                      Стоило написать коммент об этом, как выяснилось, что GitHub сам уже в процессе реализации данной фичи: Navigating code on GitHub

                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                    Самое читаемое