読者です 読者をやめる 読者になる 読者になる

【JavaScript実験】 Androidのブラウザで出力されるログを確認する。

Androidのブラウザでは開発者ツールが使用できないため、JavaScriptファイルに記述した console.log などのメソッドで出力されるログを確認することができない。

ADBを使えばログが確認できるようなので導入してみた。

  1. Javaの使用環境を整える
  2. ADBの使用環境を整える
  3. Androidの開発者向けオプションをONにする
  4. adbコマンドを実行する

Javaの使用環境を整える

JDKインストーラ(パッケージ)をダウンロード、インストールする。

今回は jdk-8u101-windows-i586.exe をダウンロードして実行する。

Java SE Development Kit 8 - Downloads

ADBの使用環境を整える

ページ下部「コマンドライン ツールのみ入手する」からインストーラ(パッケージ)をダウンロード、インストールする。

今回は installer_r24.4.1-windows.exe をダウンロードして実行する。

Download Android Studio and SDK Tools | Android Studio

インストールが完了したら、SDKマネージャから Android SDK ToolsGoogle USB Driver をインストールする。

f:id:kosumoro:20160920190710j:plain

環境変数のPATHに adb.exe までのパスを追加する。(インストール先によってパスは変わる。 C:\Android\android-sdk\platform-tools みたいな感じ。)

Androidの開発者向けオプションをONにする

「設定」 => 「端末情報」の「ビルド番号」を連続でタップすると、「設定」に「開発者向けオプション」が追加される。

「開発者向けオプション」をONにし、さらに「USBデバッグ」もONにする。

adbコマンドを実行する

Android端末をPCにUSB接続して以下のコマンドを実行する。

adb logcat | findstr "INFO:CONSOLE"

f:id:kosumoro:20160920200207j:plain