Posted at

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

More than 5 years have passed since last update.

備忘録


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
このタブを閉じます。