Расширения - лучший способ добавить функции в Гугл Хром ,

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

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

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

1. CSS Peeper

Ссылка на сайт: https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

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

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

Вот образец:

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

Ссылка на сайт: https://chrome.google.com/webstore/detail/daily-source-for-busy-dev/jlmpjdjjbgclbocgajdjefcidcncaied

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

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

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

Ссылка на сайт: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

Это также мое любимое расширение Chrome. У этого есть куча вариантов под каждая категория ,

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

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

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

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

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

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

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

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

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

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

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

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

Присоединяйтесь к обсуждению

Поделитесь и оставьте нам несколько комментариев о том, что вы думаете об этой теме, или если вы хотите что-то добавить.

Поделиться:

Другие популярные статьи ...

1. Лучшие расширения Google Chrome для поисковой оптимизации (SEO) [издание 2019 г.]
2. Google Chrome: самый быстрый в мире браузер
3. Как удалить все ваши пользовательские данные Google Chrome в Mac OS X
4. Интересно - международные звонки из Google Hangout дешевле, чем Google Voice
5. 9 лучших высокооплачиваемых альтернатив Google Adsense, чтобы заработать деньги [издание 2019]
6. Как настроить Google OAuth2 Войти в Дискурс Форум? Google Cloud Project Проверенные шаги