Полезные расширения Google Chrome для веб-программистов

5 years ago | 14.6K

 

Все профессиональные веб-разработчики в процессе своей работы пользуются большим количеством различных сервисов и приложений, которые облегчают их работу. В данной статье речь пойдет о таких полезных расширениях браузера Google Chrome как Ripple, Advanced Rest Client, WhatFont.

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

 

 google-chrome-extensions-fructcode

 

Использование подобных программ позволяет существенно упростить процесс отладки веб-приложения, что делает их очень популярными как среди профессиональных разработчиков, так и начинающих. Ниже представлены наиболее распространенные из них.

 

Ripple

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

 

google-chrome-extension-fructcode

 

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

Установить Ripple вы можете по ссылке.

 

Advanced Rest Client

Advanced Rest Client является достаточно удобным и необходимым расширением, которое было создано специально для браузер Гугл Хром. Посредством этого инструмента, пользователь получает возможность вносить данные в формы и делать POST, PUT, GET, DELETE запросы, а также к RESTFUL сервисам.

 

Запросы могут сохраняться в Google Drive. Такой способ хранения является весьма удобным, и позволяет пользователю спустя какое-то время произвести повторный запрос из истории запросов.

 

В данной статье будет рассмотрен обычный GET запрос, создание которого будет осуществляться посредством утилиты Advanced Rest Client специально разработанного для Гугл Хром. 

 

Введем в окно запроса расширения URL и укажем тип запроса GET:

http://api.vk.com/method/users.get.json?uids=1&fields=bdate

 

 

Задаем параметры:

 google-chrome-extension-fructcode

 

После обращения к API VK.COM вы увидите следующий результат:

google-chrome-extension-fructcode

 

В Advanced Rest Client вы можете задавать различные параметры по каждому полю и типу запроса:

 google-chrome-extension-fructcode

 

 

Advanced Rest Client позволяет пользователю задавать различные настройки по каждому параметру поля, а также выполнять большое количество различных запросов, к числу которых также относится работа с сокетами.

 

Установить  Advanced Rest Client вы можете по ссылке.

 

WhatFont

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

 

 google-chrome-extension-fructcode

 

Используя утилиту WhatFont, пользователь сможет узнать название шрифта, его размер и цвет.

 

Установить WhatFont вы можете по ссылке.

 

Выводы

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

 

В нашем курсе по адаптивной верстке Bootstrap мы рассматриваем на практике, как работать с инструментами разработчика в Google Chrome и как изменять внешний вид сайта прямо в браузере.

 



Поделитесь в социальных сетях





Читайте также

Что такое NodeJS и npm?

На современном Javascript можно разрабатывать не только Frontend часть сайта, но и Backend и в этой...
17.5K

Большое обновление FructCode

Обучайтесь эффективнее на онлайн платформе FructCode с новыми интерактивными заданиями и новыми возм...
5.1K























Курс HTML/CSS Advanced. Обучение программирования, уроки программирования
Курс HTML/CSS Advanced. Обучение программирования, уроки программирования
пока нет оценок
Sergei Nikonov
  • Новинка!
  • 162 заданий
  • 60 видео
  • 17 часов

Курс Bootstrap 4. Обучение программирования, уроки программирования
Курс Bootstrap 4. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки Bootstrap 4 в разработке

Курс VueJS Фреймворк. Обучение программирования, уроки программирования
Курс VueJS Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки VueJS в разработке

Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
Курс Yii2 Фреймворк. Обучение программирования, уроки программирования
new
пока нет оценок
Sergei Nikonov
  • Уроки Yii2 в разработке

Курс Modern Javascript. Обучение программирования, уроки программирования
Курс Modern Javascript. Обучение программирования, уроки программирования
new
4.8 / 164
Sergei Nikonov
  • Новинка!
  • 30 заданий
  • 16 видео
  • 1 час

Курс Javascript/jQuery. Обучение программирования, уроки программирования
Курс Javascript/jQuery. Обучение программирования, уроки программирования
4.7 / 1668
Sergei Nikonov
  • 21 заданий
  • 10 видео
  • 1 час

Курс CodeIgniter. Обучение программирования, уроки программирования
Курс CodeIgniter. Обучение программирования, уроки программирования
4.9 / 648
Sergei Nikonov
  • 28 заданий
  • 26 видео
  • 5 часов

Курс Linux/GIT/Hosting. Обучение программирования, уроки программирования
Курс Linux/GIT/Hosting. Обучение программирования, уроки программирования
4.9 / 1112
Sergei Nikonov
  • 29 заданий
  • 22 видео
  • 2 часа

Курс PHP/MySQL. Обучение программирования, уроки программирования
Курс PHP/MySQL. Обучение программирования, уроки программирования
4.8 / 1418
Sergei Nikonov
  • 69 заданий
  • 37 видео
  • 5 часов

Курс Bootstrap 3. Обучение программирования, уроки программирования
Курс Bootstrap 3. Обучение программирования, уроки программирования
4.9 / 2501
Sergei Nikonov
  • 50 заданий
  • 25 видео
  • 4 часа

Курс HTML/CSS. Обучение программирования, уроки программирования
Курс HTML/CSS. Обучение программирования, уроки программирования
4.9 / 4941
Sergei Nikonov
  • 66 заданий
  • 32 видео
  • 5 часов