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

Но прежде чем воспользоваться дополнительными расширениями, рассмотрим встроенные расширения Google Chrome.

Просмотр HTML-кода.

Функция позволяющая просмотреть исходный код для Chrome по существу такая же, как и для Firefox. Одно из основных отличий в том, что Chrome открывает исходный код в новой вкладке вместо нового окна.  Другим ключевым отличием,  является то, что в окне с исходным кодом отображаются номера строк для всего документа.

Просмотр кода элемента.

Движок Webkit, на котором работают Apple Safari, Google Chrome, и некоторые другие браузеры, поставляется с встроенным инспектором веб-сайтов. Чтобы его использовать, щелкните правой кнопкой мыши на любой странице и нажмите кнопку «Просмотр кода элемента». Как DOM Inspector для Firefox, он будет отображать дерево тегов HTML. Любую ветку тегов можно развернуть, чтобы посмотреть вложенные  теги или свернуть, если она не интересна. Если вы выделите какой либо тег, то на веб странице, код элементов которой вы рассматриваете, подсветится соответствующий элемент. Это очень интересное и эффективное расширение, позволяющий быстро и удобно провести подробный анализ вэб-страницы.

Расширения Google Chrome, которые можно установить.

Web Developer

web-developerWeb Developer для Chrome, это портированное  расширение для Firefox. Потому оно переняло большинство функций от Firefox. Однако  вместо использования панели инструментов, в Chrome расширение поддерживает общую стратегию минимализма. На панели появляется всего одна кнопка расширения, при нажатии на которую появляется окно с функциями и командами.

Speed Tracer (by Google)

Speed Tracer (by Google) анализирует и собирает информацию о сайте в режиме реального времени, что помогает определить какие именно разделы сайта необходимо оптимизировать для увеличения производительности. Он отображает данные в цифровом формате и в виде графиков и в виде диаграмм. Расширение анализирует Javascript, CSS, верстку, обработку событий DOM, таймер срабатывает, загрузку сетевого ресурса, графику и многое другое.

Pendule

Pendule это альтернативное расширения для веб-разработчика, которое содержит в себе целый ряд инструментов для различных CSS, Javascript, форм, изображений и оценки доступности.

Другие варианты.

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