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別による機能実装などに

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

通な拡張機能ですが

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

捗る便利な拡張機能です

  • コメント: 0

Blu-rayやDVDも再生できる軽快なマルチメディアプレイヤー 『VSO Media Player』前のページ

【解決】突然再起動ループに!! Windows7で32bit環境はWindowsUpdateでPCが起動しない現象が発生の可能性次のページ

関連記事

  1. 言語・開発

    Chromeアプリで動作するシンプルで軽快なテキストエディタ 『Text』

    Chromeアプリで動作するシンプルなテキストエディタChro…

  2. 言語・開発

    AutoCadが無料!? ブラウザ上でAutocadで図面を描けるChromeアプリ クラウド環境で…

    あのAutocadをクラウド環境で編集・閲覧出来たりするChromeア…

  3. 言語・開発

    新しいタブにHTML/CSS/JavaScriptの実行環境ができるChrome拡張機能 『HTML…

    HTMLやJavascriptの実行環境を新しいタブで出来るように…

  4. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

  5. 言語・開発

    Chromeをスマホ環境にしてくれるChrome拡張機能 『Ripple Emulator』

    モバイル端末の選択や各種情報、GPS情報などを設定してChro…

  6. 言語・開発

    Chrome拡張機能のソースコードを閲覧できる拡張機能 『Chrome extension sour…

    GoogleChromeの拡張機能のソースコードを確認できる開…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP