Debuggable Browser

David Pertiller

このアプリについて

それはなんですか？
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をご覧ください。

新機能

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!