Лучшие расширения Google Chrome для веб-разработчиков и дизайнеров [Издание 2019 года]

Расширения — лучший способ добавить функции в Google Chrome .

Я собираюсь поделиться 3-мя полезными расширениями Google Chrome, которые помогут вам, если вы веб-разработчик и дизайнер .

Google Chrome — очень популярный браузер с over 64% of market share где Internet Explorer вряд ли 11%. С каждым выпуском Google делает Chrome лучше, добавляя больше функциональности и исправляя ошибки, а разработчики предлагают несколько отличных расширений для Chrome.

Вот лучшие плагины для веб-разработчиков Google:

1. CSS Peeper

Link: https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

CSS Peeper является одним из my favorite и хромовое расширение. Я использую его каждый день на работе и для личного пользования. Это слишком хорошо

Просто установите расширение и загрузите свой сайт. Просто наведите курсор мыши на любой элемент, и вы увидите все свойства CSS для того же.

Вот образец:

2. Ежедневно — источник для занятых разработчиков

Link: https://chrome.google.com/webstore/detail/daily-source-for-busy-dev/jlmpjdjjbgclbocgajdjefcidcncaied

Если вы ищете все developer news со всего мира, тогда это расширение для вас. Я использую его, чтобы получать последние новости, которые мне нравятся. Ежедневно разработчики делали это для разработчиков, чтобы помочь нам сосредоточиться на коде.

Вам не нужно постоянно искать новости развития в сети.

3. Веб-разработчик

Link: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

Это также мое любимое расширение Chrome. Она имеет bunch of options под каждой категорией .

1. запрещать
2. Печенье
3. CSS
4. формы
5. Изображений
6. Информация
7. Разнообразный
8. Контур
9. Изменение размера

Просто установите его и you will be amazed сколько информации вы можете получить для конкретного сайта.

4. Контрольный список веб-разработчиков

Ссылка: https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp

Ищете что-то, чтобы проверить ваше последнее развертывание ? Нужно найти ошибку? Хотите узнать об ошибках HTML или структурированных данных на вашем сайте? Тогда вы находитесь в правильном месте.

Я не использую это ежедневно, но после изменения темы WordPress , изменения CSS или других важных изменений я проверяю все элементы HTML и CSS, используя это расширение.

Он предоставляет подробную информацию о следующих элементах:

1. SEO
   • Добавьте значение с помощью микроданных
   • Мета-описание
   • Robots.txt существует
2. мобильный
   • CSS Media Queries
   • Метатег Viewport
3. Юзабилити
   • Favicon
   • Используйте дружественные URL
   • Проверка HTML
4. доступность
   • Достопримечательности WAI-ARIA
   • Используйте атрибуты 'alt' на изображениях
5. Интеграция среды
   • OpenGraph
   • Windows
   • Apple iOS
6. Спектакль
   • Количество элементов DOM (635)

5. Screencastify — Экранный видеорегистратор

Ссылка: https://chrome.google.com/webstore/detail/screencastify-screen-vide/mmeijimgabbpbgpdklnllpncmdofkcpn

Хотите выполнить перекодировку экрана для своего клиента? Нужно отправить короткие видео? Тогда это действительно cool extension для тебя.

• Он захватывает рабочий стол, вкладку браузера или веб-камеру
• Это повествует с аудио вашего микрофона
• Даже вы можете настроить разрешение и FPS
• Хотите встроить свою веб-камеру в скринкаст? Это обеспечивает эту утилиту

6. Marker.io: визуальный инструмент обратной связи для команд

Ссылка: https://chrome.google.com/webstore/detail/markerio-visual-feedback/jofhoojcehdmaiibilpcoofpdbbddkkl

Вы веб-профессионал ? Веб-разработчик? Работаете в качестве члена команды QA и хотите поделиться визуальной обратной связью с вашей командой, расположенной в удаленном месте? Тогда этот инструмент для вас.

Он помогает вам захватывать все точки данных и создавать билеты с помощью любимых инструментов интеграции вашей компании.

В настоящее время поддерживаются интеграции:

• Trello
• Jira
• GitHub
• Асана
• GitLab
• Bitbucket
• здание клуба
• Базовый лагерь
• Pivotal Tracker
• Работа в команде
• Zapier

Я надеюсь, что вы найдете это Developer and Designer Chrome Extension полезно. Дайте мне знать, если я пропустил какое-либо очень популярное и фундаментальное расширение для разработчиков, и я постараюсь добавить его здесь.