LoginSignup
14
14

More than 5 years have passed since last update.

[*Cordova*] CordovaアプリをChromeでデバッグ(Android)

Posted at

はじめに

Cordovaアプリのデバッグ方法メモ。

環境

  • MacBook Air (OS X El Capitan 10.11.4)
  • Genymotion (Nexus 5 - 4.4.4 - Chromeインストール済み)

手順

Android側の設定

画像真ん中辺りのDev Settingsを選択し、 USB debuggingにチェックを入れる。
または、Settings > Developer optionsで同様の画面が開ける。
(Developer optionsが見つからない時は、Settings > About phone > Build numberを連打すると出てくる)

スクリーンショット 2016-03-24 14.22.28.png
スクリーンショット 2016-03-24 14.22.50.png

ホスト側の設定

Genymotionの端末を起動したまま、ホスト側のChromeでchrome://inspectにアクセスする。
Discover USB devicesにチェックを入れると以下の様になる。

スクリーンショット 2016-03-24 15.17.44.png

今回はWebView in io.cordova.hellocordova (33.0.0.0)と書いてあるのがデバッグしたい対象なので、inspectをクリックする。

スクリーンショット 2016-03-24 15.22.22.png

あとは普通に開発者ツールを使う感じで。

14
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
14