Android端末からMacのlocalhostに接続する際に苦戦した件

やりたいこと

Android端末からMac Book Airのlocalhostにアクセスしたい。

Mac Book AirでWebページを開発中。Android端末とMac Book AirをUSB接続し、AndroidのChromeにて、http://localhost ... とアクセスするとlocalhostにアクセスできる状態にする。

環境

Mac OS: Mac OS 10.14.3
Android: バージョン7.0
端末機種: FTJ162D

苦戦した箇所

USBケーブル不良でAndroid端末を認識しなかったのが要因であった。
どういう場合に、USBケーブル不良を疑うべきか記録する。

実施したこと

Mac Book AirがAndroid端末を認識しているか知りたい

1. Android File Transfer をインストール

2. `Android File Transferを起動。

3. 以下の画面が表示された場合、Mac OSは、Androidを認識していない。
   

4. 以下の画面が表示された場合、Mac OSは、Androidを認識している。
   

「端末のストレージにアクセスできません」のエラーが出る。

Android端末をUSB接続した際に、以下のメッセージが表示される。

このメッセージにて、「ファイルを転送する」を選択する。
そうすると、「Android File Transer」が正常に起動する。

AndroidをUSBデバッグモードにする

▼以下のURL通りに操作することで完了
Android端末を「デバッグモード」(USBデバッグ)に設定する方法

localhostに接続する設定をする

▼以下のURL通りに操作することで完了
Androidの実機からPCのローカルサーバにアクセスする

※上記記事では、OSがWindowsになっていますが、Macも同様の操作でできる。

番外編: Androidで画面キャプチャを取る方法

本記事を書くために調べた。

撮影したい画面で、

1.「電源ボタン」長押し
または
2.「電源ボタン」+「音量小ボタン」長押し