言語・開発

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

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

通な拡張機能ですが

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

捗る便利な拡張機能です

関連記事

  1. 言語・開発

    WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

    サイトの表示速度などのパフォーマンスやPWA対応状況などを確認…

  2. 言語・開発

    マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

    マウスを上に持ってくるだけで、その場所の要素のCSSを表示して…

  3. 言語・開発

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

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

  4. 言語・開発

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

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

  5. 言語・開発

    WebサイトのSEO的な分析ができるChrome拡張機能 『AdMatrix Analytics』

    WebサイトのSEO的な分析が出来るChrome拡張機能H1タ…

コメント

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

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

PAGE TOP