リモートデバッグ用にChrome DevToolsアプリを有効にする方法

Chrome DevToolsアプリは、ブラウザからdevtoolsを削除するためにKenneth Auchenbergによって作成されました。この場合はChromeブラウザから削除されます。このアプリケーションはNW.jsに基づいて構築されており、LinuxおよびWindowsと同様にMac OS Xでも実行できます。.

メーカーがこれを作成するように促した多くの理由がありますが、彼のビジョンは開発者に 同じ統一されたプラットフォーム（アプリ）からの複数のブラウザにわたるリモートデバッグ. このアイデアは、さまざまな理由（および彼のブログで読み上げることができる耐性）によって、理解され、具体化されるまでにしばらく時間がかかります。.

Chrome DevTools Appを簡単に見て、Googleが開発者に提供するものを見ていきます。.

Hongkiatの詳細：

Chromeデベロッパーツールを始めよう
5つ（もっと）開発者のための役立つChrome DevToolsのヒント
Google Chrome DevToolsテーマをカスタマイズする方法

インストール

Chrome-Devtools.app.zipをダウンロードして解凍します。ダブルクリックして実行します。 Chromeブラウザを起動してリモートデバッグを有効にする.

Macでこれを行うには、端末を開いて以下のコマンドを実行します。

sudo / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222

Windowsを起動している場合は、コマンドプロンプトを開き、次のコマンドを使用してください。

chrome.exeを起動します。-remote-debugging-port = 9222

使い方

リモートデバッグ機能を有効にした状態でChromeが既に開いている場合は、どのサイトにもアクセスできます。たとえば、この演習でHongkiat.comを開きました。次に、Chrome DevToolsアプリウィンドウに進みます。 このリストを更新する （ボタンは右下にあります）.

これでHongkiat.comのリンクが表示されます（下記参照）。.

今 「移動」ボタンをクリック. あなたは新しいウィンドウに連れて行かれるでしょう。それでおしまい。 Chrome DevToolsアプリはすでに起動しています。ここに表示されるのは、Chromeブラウザで「要素を調べる」と同じです。.

ここから、Chrome上でDevToolsをネイティブに使用するのと同じように、Chrome DevToolsアプリケーションを使用できます。DOM要素の検査、JavaScriptのデバッグ、Consoleの操作などができます。.

次は何ですか?

このアプリはまだ非常に実験的です。しかし現時点では、ChromeからDevToolを削除するというアイデアにより、開発者はアプリを機能的なエディタとして扱い、node.jsやiOSなどの他のランタイムと連携することができます。より多くの可能性については、あなたはここAuchenbergの思考の列車をチェックすることができます.