Отримайте повністю функціональний термінал в інструментах розробника Google Chrome

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