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

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

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

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

  3. 言語・開発

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

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

  4. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

  5. 言語・開発

    Google Analyticsが導入しているか分かるChrome拡張機能 導入時などに便利 Ana…

    表示したページがGoogleAnalyticsを導入しているかどうかが…

コメント

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

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

最近の記事

PAGE TOP