Adds first updates for native usb debugging

This commit is contained in:
Addy Osmani 2013-11-29 19:57:50 +00:00
Родитель 1f5505ea5d
Коммит faf8762211
3 изменённых файлов: 47 добавлений и 2 удалений

Просмотреть файл

@ -16,7 +16,8 @@
<ul>
<li> <a href="#remote-debugging-overview"> Remote debugging overview </a> </li>
<li> <a href="#remote-debugging"> Remote debugging with the ADB Chrome extension</a>
<li> <a href="#remote-debugging"> Remote debugging overview </a> </li>
<li> <a href="#remote-debugging-chrome-extension"> Remote debugging with the ADB Chrome extension</a>
<ul>
<li> <a href="#install-adbplugin"> 1. Install the ADB extension</a> </li>
<li> <a href="#enable-usb-debugging"> 2. Enable USB debugging on your device </a> </li>
@ -65,7 +66,51 @@ behaves perfectly on all devices.</p>
<a href="#reverse-port-forwarding">reverse port forwarding</a> to allow the mobile device to access a site from the development machine
over USB. Reverse port forwarding requires Chrome 29 or later on the development machine, Chrome 28 or later on the mobile device.</p>
<h2 id="remote-debugging">Remote debugging with the ADB Chrome extension</h2>
<h2 id="remote-debugging">Native USB Debugging</h2>
<h3>Chrome Beta (M32)</h3>
<p>As of Chrome Beta, the DevTools now support <strong>native USB debugging</strong> of
connected devices. You no longer need to configure <a href="/chrome-developer-tools/docs/remote-debugging">ADB</a> or the ADB plugin to see
all instances of Chrome and the Chrome-powered <a href="/chrome-developer-tools/docs/remote-debugging#debugging-webviews">WebView</a> on
devices connected to your system.</p>
<p>You can find connected devices under <code>about:inspect</code></p>
<img src="/chrome-developer-tools/docs/remote-debugging/inspect.png"/>
<p>or via the Chrome hotdog menu > Tools > Inspect Devices:</p>
<img src="/chrome-developer-tools/docs/remote-debugging/tools.png"/>
<p class="note"><strong>Note:</strong> This update applies to both desktop Chrome Beta on Mac as well as
ChromeOS. Windows users will need to install <a href="http://developer.android.com/tools/extras/oem-usb.html">device drivers</a> to enable
communication between their devices.</p>
<h2>Chrome stable (M31)</h2>
<p>In the current Chrome stable, you will still need to enable USB debugging
via <code>about:flags</code>. To get this setup:</p>
<p>
<ul>
<li>Enable <code>about:flags/#enable-devtools-experiments</code> and <code>about:flags/#remote-debugging-raw-usb</code> flags (depending on your Chrome version,
you might only need to do the first one).</li>
<li>Go to <code>about:inspect</code> and plug in your Android phone (with USB Debugging on).</li>
<li>Open Chrome Beta on your Android smartphone and visit any website.</li>
<li>Under about: inspect, check the "Discover USB Devices" box.</li>
</ul>
<h3>Older versions of Chrome (M30)</h3>
<p>Older versions of Chrome will still require the ADB Chrome extension in order to
remotely debug devices. For more information, read remote debugging with the <a href="#remote-debugging-chrome-extension">ADB Chrome extension</a>.
<h2 id="remote-debugging-chrome-extension">Remote debugging with the ADB Chrome extension</h2>
<p><strong>To start debugging, you need:</strong></p>

Двоичные данные
docs/remote-debugging/inspect.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 40 KiB

Двоичные данные
docs/remote-debugging/menu.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 48 KiB