Debuggable Browser for Android APK

説明

Web 開発者および Web デザイナーのためのデバッグ

ノート

このアプリは、Web アプリの最高のユーザー エクスペリエンスを Android ユーザーに提供することを目指す Web 開発者向けに作成されました。あなたが Web 開発者または Web デザイナーでない場合、またはこれが何であるかを誤解している場合、このアプリはおそらくあなたが探しているものではありません;)

それで、それは何ですか？

単なるデバッグ対応の WebView であり、Chrome の開発者ツール (PC または Mac で実行) を使用して、実際のデバイスで実行中に Web アプリを検査およびデバッグできます。

それの用途は何ですか？

Android ストック ブラウザで Web サイトを開いたことがあり、次のいずれかの問題に遭遇したことがある場合は、このアプリが役立つことがあります。

Android ストック ブラウザーで表示すると、Web サイトのレイアウトまたはスタイルが壊れているように見える

JavaScript コードが予期した結果を生成しなかったか、実行中に計算が突然停止したに違いありません (例外がスローされた可能性があります)。

アニメーションが遅い、または期待どおりにアニメーションしない

説明

デスクトップ ブラウザーでは問題なく動作する Web アプリが、モバイル ブラウザーでは動作しないことがあります。さらに悪いことに、(特定の) モバイル デバイスでのみ不具合が発生する場合があるため、デスクトップ ブラウザーでシミュレートして再現することはできません。これは、Chrome の DevTools を使用したリモート デバッグが役立つことが証明されている場所です。 Chrome for Android はすでにこれを完全にサポートしていますが、Android ストック ブラウザはサポートしていません。 Android のバグの多くは Chrome ではなく標準のブラウザでのみ発生しているように見えるため、これは残念なことです。

そのため、このアプリを使用すると、ネイティブ ブラウザー (WebView) 内で Web サイトを実行できると同時に、Chrome DevTools を使用してページを検査およびデバッグすることができます。

リモートデバッグを開始するには?

1. Android デバイスで開発者モードを有効にし、PC/Mac に接続します

2. このアプリを開き、URL を入力して Web サイトに移動します

3. PC/Mac で Chrome を開き、アドレス バーに「chrome://inspect」と入力します。

4. Chrome で [Discover USB Devices] をオンにすると、デバイスで開いた Web ページが一覧表示されます。

5. インスペクトを押して、Chrome デベロッパー ツールを使用してアプリのリモート デバッグをお楽しみください

詳細については、https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser を参照してください。