Получите полнофункциональный терминал в Google Chrome Developer Tools

Anonim

Практически каждый веб-разработчик или дизайнер знаком с инструментами разработчика Google Chrome, которые позволяют легко выполнять отладку, настройку и настройку веб-страниц и веб-приложений в браузере. Те, кто работает с веб-браузерами и текстовыми редакторами, знают, насколько полезен DevTools, и с помощью стороннего расширения Chrome вы можете сделать Chrome еще лучшим инструментом разработки, добавив терминал к существующему набору инструментов разработчика.Да, такой терминал, как Terminal.app, для сверхбыстрых настроек и настроек командной строки, даже не выходя из браузера Chrome.

Установка терминала в инструменты разработчика Chrome чрезвычайно проста для пользователей Mac, достаточно загрузить бесплатное расширение Chrome:

Получить терминал для DevTools здесь

Пользователи, которые не используют OS X на своих компьютерах для разработки, но все же хотят установить Терминал в своем браузере Chrome, могут сделать это вручную, следуя инструкциям, используя node.js на странице разработчиков здесь. Это по-прежнему довольно просто, но не в один клик, как при добавлении расширения Chrome.

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

  • Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите «Проверить элемент», затем выберите вкладку «Терминал»
  • Или используйте сочетание клавиш: Control+Shift+i для вызова Dev Tools, затем выберите вкладку Terminal

Анимированный GIF от разработчика плагинов ниже демонстрирует простое использование:

Да, это полностью функционирующий Терминал, и вы можете отслеживать журналы, скручивать заголовки, использовать nano или vi для редактирования кода, обновлять пакет, перекомпилировать что-либо, смотреть «Звездные войны» и играть в тетрис, что угодно конкретное магия командной строки, необходимая для разработки.

Важное примечание о безопасности: Все данные, используемые и доступные из терминала DevTools, передаются в виде обычного текста. Таким образом, если вы планируете использовать это в производственной среде для ssh, sftp, mysql или для передачи паролей или любых конфиденциальных данных каким-либо образом, всегда используйте https По словам разработчика, пароли не хранятся в клиенте, но вы все равно должны принять соответствующие меры безопасности, чтобы не рассылать ничего важного.

Получите полнофункциональный терминал в Google Chrome Developer Tools