Расширения Chrome для веб-разработки

Четверг, 27 мая 2010 г.

Инструменты разработчика в Chrome полезны при отладке кода HTML, JavaScript и CSS. Если вы создаете веб-страницу или веб-приложение для интернет-магазина Chrome, то вам могут потребоваться функции проверки элементов в DOM, отладки опубликованного JavaScript и редактирования стилей CSS непосредственно на открытой странице. Расширения позволяют превратить Google Chrome в удобную среду веб-разработки, поскольку предоставляют новые функции, доступные непосредственно в браузере. Чтобы помочь вам в работе, мы подготовили для вас коллекцию расширений для веб-разработки. Надеемся, они пригодятся вам при создании веб-приложений и сайтов.

speed tracer chrome extension

Например, Speed Tracer – это расширение, которое помогает выявлять и устранять проблемы с производительностью веб-приложений. С помощью Speed Tracer вы можете увидеть, что замедляет работу вашего приложения, и устранить проблемы с анализом и выполнением кода JavaScript, стилями CSS и т. д.

resolution tester chrome extension

Еще одно полезное расширение – Resolution Test. Оно позволяет изменять размер окна браузера, чтобы видеть, как сайты выглядят при том или ином разрешении экрана. Вы можете выбрать разрешение из списка наиболее распространенных или указать собственное.

web developer chrome extension

Расширение Web Developer обеспечит вам доступ к дополнительным инструментам разработчика, в том числе предназначенным для проверки, изменения размера страниц и просмотра элементов CSS. Вызвать их можно простым нажатием кнопки на панели инструментов.

chrome editor chrome extension

Ещё одно достойное внимания расширение – Chrome Editor. С его помощью работать с кодом можно прямо в браузере, не переключаясь то и дело на редактор кода. Также вы можете сохранить код на своем компьютере, чтобы вернуться к нему позже.

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