Android開発!! WebViewのデバッグをChromeで出来る拡張機能 『ADB』

Androidアプリ開発で使われるWebView

そのWebViewのデバッグをPCで接続した

Chromeで直接コンソールなどで確認できる

便利過ぎる拡張機能です

adb41

Chrome拡張機能 ADB インストールはこちらから

 

目次

インストール

adb1

上記リンク先ページをChromeで開き

「CHROMEに追加」をクリックします

 

adb2

拡張機能を追加をクリックすれば

インストール完了です

 

レビュー

adb3

PCに接続されたAndroidのアプリ内の

WebViewが表示されています

アプリ側にも対応が必要で

WebView.setWebContentsDebuggingEnabled(true);

とWebデバッグを許可する必要があります

これでChromeで直接デバッグが可能で

inspectで実際の画面をChromeで操作する事も

可能です

 

adb4

アプリ固有のエラーやJavascriptエラー

JavaとJavascriptの値の受け渡しや

UserAgent別による機能実装などに

非常に便利なツールになります

通な拡張機能ですが

知っているとハイブリッドなアプリ開発が

捗る便利な拡張機能です

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次