ほぼすべての Web 開発者または Web デザイナーは、Google Chrome の開発者ツールに精通しており、Web ページや Web アプリケーションのブラウザ ベースのデバッグ、微調整、および調整を簡単に行うことができます。 Web ブラウザーやテキスト エディターを使用している人は、DevTools がいかに便利であるかを知っています。また、サード パーティの Chrome 拡張機能を使用して、既存の一連の開発者ツールにターミナルを追加することで、Chrome をさらに優れた開発ツールにすることができます。はい、Terminal.app のような端末で、Chrome ブラウザを離れることなく、コマンド ラインをすばやく微調整および調整できます。

Chrome デベロッパー ツールにターミナルをインストールするのは、Mac ユーザーにとって非常に簡単です。無料の Chrome 拡張機能をダウンロードするだけです:

ここから DevTools のターミナルを取得

開発マシンで OS X を実行していないが、ターミナルを Chrome ブラウザにインストールしたいユーザーは、こちらの開発者ページの node.js を使用した手順に従って手動でインストールできます。 Chrome拡張機能の追加に伴うワンクリックインストールとは異なり、それでも非常に簡単です.

.

• ウェブページの任意の場所を右クリックし、[要素の検査] を選択してから、[ターミナル] タブを選択します
• または、キーボード ショートカットを使用: Control+Shift+i で Dev Tools を呼び出してから、ターミナル タブを選択します

以下のプラグイン開発者によるアニメーション GIF は、簡単な使い方を示しています:

はい、これは完全に機能するターミナルであり、ログを追跡したり、ヘッダーをカールしたり、nano または vi を使用してコードを編集したり、パッケージを更新したり、何かを再コンパイルしたり、スターウォーズを見たり、テトリスをプレイしたりできます。開発作業に必要なコマンド ライン マジック。

重要なセキュリティ上の注意: DevTools ターミナルから使用およびアクセスされるすべてのデータは、プレーン テキストで送信されます。したがって、ssh、sftp、mysql などの本番環境でこれを使用する場合、またはパスワードや機密データを何らかの方法で送信する場合は、常に https を使用してください。 開発者によると、パスワードはクライアントに保存されませんが、重要なものを送信しないように適切なセキュリティ対策を講じる必要があります.