Debuggable Browser

それはなんですか？

Chromeの開発者ツール（PCまたはMacで実行）を使用して、実際のデバイスで実行中にWebアプリを検査およびデバッグできる、デバッグが有効なWebViewのみ。

Web開発者およびWebデザイナーのみを対象とする

このアプリは、AndroidユーザーにWebアプリの最高のユーザーエクスペリエンスを提供することを目的とするWeb開発者向けに作成されました。 Web開発者やWebデザイナーがWebアプリのデバッグに興味がない場合は、通常のブラウザーの方が良いでしょう;）

それの用途は何ですか？

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

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

＆＃8226;＆＃8195; JavaScript コードが予期した結果を生成しなかったか、実行中に計算が突然停止した可能性があります（例外がスローされた可能性がありますか？）

＆＃8226;＆＃8195; アニメーションが遅れる、または期待どおりにアニメーションしない

説明

デスクトップブラウザーでは問題なく機能しているにもかかわらず、モバイルブラウザーでは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で[USBデバイスの検出]をオンにすると、デバイスで開いたWebページが一覧表示されます

5. Chromeデベロッパーツールでアプリをリモートデバッグして、検査を楽しんでください。

詳細については、https：//www.pertiller.tech/blog/remote-debugging-the-android-native-browserをご覧ください。