モバイル プラットフォームは世界の Web トラフィックの約 50% を占めており、Web サイトが成功するためにはモバイル デバイスからのアクセスに最適化する必要があると言ってもよいでしょう。 そのため、企業は現在、モバイルデバイスでの完璧なウェブ体験をユーザーに提供するために絶えず努力しています。 開発者と QA にとって、これは、実際のモバイル デバイスとユーザーの間で人気のあるブラウザーで Web アプリケーションを包括的にテストすることを意味します。 さらに、Chrome は、ほとんどの Android デバイスのデフォルト ブラウザーとなっています。 当然のことながら、Chrome はモバイル ブラウザーのセグメントを支配しています。
この記事は、開発者や QA が実際の Android デバイスで Chrome 用の Web サイトをリモートでテストおよびデバッグする方法について説明することを目的としています。 開発者は、選択した Android ハンドセット上の Chrome DevTools に即座にアクセスすることができます。 これにより、テスターは特定のデバイス上の特定のバグを簡単に追跡できます。
以下の手順に従って、Android-Chrome でのリモート デバッグを開始します。
上のスクリーンショットは、開発者ツールを使用して、Google ウェブサイト上の特定の Web 要素を検査またはデバッグする方法を示しています。 開発者ツールにより、開発者や QA はコードをその場で修正したりテストしたりすることができます。
Try Remote Debugging on Android for Free
Note: Local testing feature を使用して、現在開発中の Web サイトをテストすることも可能です。 開始するには、ローカル テストに関するこの完全なドキュメントを参照してください。 初期段階でのデバッグは、開発者が後で重大なバグを回避するのに役立ちます。
Web サイトを複数の実際のデバイスでテストするには、オンプレミスのデバイス ラボが必要です。 そのようなラボは多額の資金を必要とし、さらに更新と保守は非常に退屈な作業であることが判明します。 その結果、実デバイス クラウドを使用することがコスト効率の良い代替手段となります。
また、次の記事もお読みください。 Android で要素を検査する方法
BrowserStack のようなプラットフォームは、リモート テストのための理想的なテスト インフラを提供することにより、チームや個々の開発者に力を与えます。 組織は、オンプレミスのデバイス ラボを維持することを心配する必要はありません。 無料でサインアップし、必要なデバイスとブラウザーの組み合わせを選択し、開始するだけでよいのです。 さらに、ローカル テストやモバイル ブラウザの DevTools などの機能により、テストのペインポイントを排除し、プロセスを著しく容易にすることができます。