28
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

Mac Chrome上でAndroid ChromeのDeveloper Toolsを表示する方法

備忘録

Mac Chrome上でAndroid ChromeのDeveloper Toolsを表示する方法

準備

Macの設定

「Chome」→メニュー→「ツール」→「デバイスを検証」(chrome://inspect/#devices)
「Discover USB devices」をチェックします。

Androidの設定

「設定」→「開発者向けオプション」
「USBデバッグ」をオンにします。

使用手順

1.

AndroidとMacをUSBケーブルで接続します。

2.

USBデバッグを許可しますか?
「OK」を押します。
煩わしければ、「このパソコンからのUSBデバッグを常に許可する」にチェックをいれる。

3.

「Chome」→メニュー→「ツール」→「デバイスを検証」(chrome://inspect/#devices)
開いているページの一覧が表示されています。
表示されていない場合は、「Port forwarding...」をクリック。

機能

新しいページを表示

「Open tab with url」に表示したいURLを入力→「Open」
 

表示 機能
inspect このページをDeveloper Toolsで開きます。
focus tab このページをAndroid上で表示します。
reload このページを再読み込みします。
close このタブを閉じます。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
28
Help us understand the problem. What are the problem?