Расширения Chrome для Front-End разработчика для повышения производительности

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

TL; DR, это расширения, о которых я расскажу в статье.

1. Ютайм
2. Изменить часовой пояс
3. Разберись
4. ColorZilla
5. Линейка страниц
6. WhatFont
7. Wappalyzer
8. Это инкогнито
9. JSONView
10. Переключатель User-Agent для Chrome
11. Пушбуллет
12. Отличное автозаполнение для GitHub
13. Усовершенствованный GitHub
14. Великая Подтяжка
15. Панель издателя Google
16. Tag Assistant
17. Помощник пикселя FB
18. Инструменты разработчика React
19. Redux DevTools
20. Инструменты разработчика Vue.js

—

В этой статье я разделю эти расширения на несколько разных групп в зависимости от цели, для которой я их использовал.

I. Часовой пояс и отметка времени

• Utime: перенос метки времени в удобочитаемую строку даты.

• Изменить часовой пояс: переключите часовой пояс браузера
  Если вы хотите отображать время в другом часовом поясе. Change Timezone может помочь вам убедиться, что ваше приложение правильно работает в другом часовом поясе.

• Разберись: отображать текущее время для другого часового пояса
  Если ваша команда работает в другом часовом поясе или вам необходимо постоянно путешествовать в другую страну. Figure it Out может помочь вам узнать текущее время в вашем целевом городе. Это полезно, когда вам нужно связаться с человеком в другом часовом поясе.

II. Дизайн

• ColorZilla: для получения цветового кода из элемента веб-сайта.

• Линейка страницы: для проверки положения и размера элемента веб-сайта.

• WhatFont: чтобы получить настройки семейства шрифтов веб-сайта.

III. Разработчик

• Wappalyzer: получить технологии, используемые на целевом веб-сайте.

• JSONView: для форматирования JSON, на который отвечает API.

• Incognito This: превратите текущую активную вкладку в режим инкогнито.
  Иногда использование вкладки инкогнито может помочь нам предотвратить множество проблем и убедиться, что наше приложение работает должным образом, когда у него нет кеша.

IV. Кросс-браузер и устройство

• Переключатель пользовательского агента для Chrome: переключение вашего пользовательского агента в разные браузеры или устройства.
  Если вы используете пользовательский агент для обнаружения браузера и создания различных эффектов. Это может помочь вам быстро проверить результат.

• Pushbullet: отправка ссылки или сообщения на разные устройства.
  Иногда нам нужно протестировать наше приложение на разных устройствах. Это может помочь нам передать ссылку на целевое устройство.

В. GitHub

• Отличное автозаполнение для GitHub: автозаполнение строки поиска GitHub.

• Усовершенствованный GitHub: добавляет некоторые полезные функции в веб-приложение GitHub.

VI. Представление

• The Great Suspender
  Отложите вкладки в фоновом режиме, если они не использовались в течение определенного времени. Это может помочь нам освободить память и процессор.

VII. Сервис и структура

Другие расширения для конкретной службы или фреймворка

• Панель издателя Google: для Google AdSense, Ad Exchange, DFP.
• Tag Assistant: для Google Analytics, Google Tag Manager
• Помощник пикселя FB
• Инструменты разработчика React
• Redux DevTools
• Vue.js DevTools

—

Спасибо, что читаете. Я надеюсь, что эта информация поможет вам ускорить процесс разработки.