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. 言語・開発

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

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

  2. 言語・開発

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

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

  3. 言語・開発

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

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

  4. 言語・開発

    Web開発者に便利!! LCPやFID、CLSの数値を表示する拡張機能 『Web Vitals』

    WebページのUX指標のLCPやFID、CLSの数値を即座に表示す…

コメント

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

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

最近の記事

PAGE TOP