Реклама подобрана на основе следующей информации:
目次:
コンピューターのページであれば、Chromeの右クリックコンテキストメニューのオプションを使用して簡単にデバッグできますが、モバイルのページのオプションではありません。 そこで、本日は、Chrome for AndroidとAndroid SDKを使用して、コンピューターでモバイルWebページをデバッグする方法を紹介します。
Webページのデバッグ
ステップ1： Android SDKをコンピューターにダウンロードしてインストールし、実行します。 インストーラーは、Javaをインストールしていない場合、Javaをダウンロードするように求めます。
コンピューターで初めてAndroid SDKを実行すると、いくつかのAPIとツールをダウンロードするように求められます。 Android SDKをインストールする唯一の目的がページのデバッグである場合は、 Android SDK Platform-tools 以外のすべてのチェックを外し、 [パッケージ の インストール]ボタンをクリックします。
ステップ2： Androidプラットフォームツールをインストールした後、実行ボックス（Windows + R）を開き、 ％userprofile％\ AppData \ Local \ Android \ android-sdk \ platform-toolsを実行してAndroidプラットフォームツールディレクトリを開きます。
ステップ3：ここで、Ctrl + Shiftキーを押しながらフォルダーを右クリックして、コマンドプロンプトを開きます。 [実行]ボックスを使用してコマンドプロンプトを開き、手動でフォルダーに移動することもできます。
ステップ4：それが完了したら、AndroidスマートフォンでChromeを開き、 [設定]-> [開発ツール]を 開き、 [USB Webデバッグを有効にする]オプションをオンにします。
ステップ5：コマンドプロンプトでコマンド adb forward tcp：9222 localabstract：chrome_devtools_remote を実行し、正常に実行され たら WindowsでChromeブラウザーを開きます。
ステップ6： Android Chromeブラウザーでデバッグするページを開き、コンピューターのChromeブラウザーでURL localhost：9222 を開きます。
それだけです。Androidブラウザーで開いているすべてのページがコンピューターのサムネイルとして表示されます。 デバッグページを開くには、それぞれのWebサイトのサムネイルをクリックするだけです。 Androidでコンピューター上で行ったデバッグの変更をリアルタイムで直接追跡できます。
結論
このトリックは、多くのWeb開発者がスマートフォン向けにWebページを最適化するのに役立つと確信しています。 私はこのトリックを使用してWebページを構成しましたが、それは魅力のように機能しました。 ただし、コンピューターでスマートフォンのWebページをデバッグするより良い方法を知っている場合は、私たちと共有してください。