序文
モバイル H5 プロジェクトで作業する場合、一部の携帯電話ではホーム ボタンがオンになっているなど、コンピュータのブラウザのデバッグ スタイルや効果は実機で表示される効果と異なる場合があります。文字サイズ。Web ページの QR コードを携帯電話で読み取ると、携帯電話でもスタイルを表示できますが、やはり実機とは異なります。
最近データケーブルを持ってきていないので、ADBを使ってワイヤレス実機デバッグを実現する方法を記録します。
1.コンピュータにadbをダウンロードしてインストールします
adb の正式名は Android Debug Bridge (デバッグ ブリッジ) で、Android デバッグ ツールです。このツールを通じて、コンピューターは Android システム マシンに接続して、パッケージのインストール、デバッグ コマンドの実行などの一連の操作を実行できます。 、システムの制御など。
Windows バージョン: https://dl.google.com/android/repository/platform-tools-latest-windows.zip
Mac バージョン: https://dl.google.com/android/repository/platform-tools-latest-darwin.zip
Linux バージョン: https://dl.google.com/android/repository/platform-tools-latest-linux.zip
ブラウザに以下のアドレスを直接入力すると、圧縮パッケージが自動的にダウンロードされますので、ダウンロード後、解凍して任意のディレクトリに配置してください。次に、環境を構成します。
windows+r で黒いウィンドウが開き、「sysdm.cpl」と入力して Enter キーを押します。[詳細設定] -> [環境変数] -> [システム環境変数] -> [パス] (解凍後のパス)。
Windows+r で再び黒いウィンドウが開き、「adb --version」と入力すると、バージョン情報が表示され、インストールは成功します。
2. 携帯電話とコンピュータが同じ WiFi で接続されている
3. 携帯電話の開発者向けオプションのワイヤレス デバッグをオンにします (Xiaomi を例にします)
[設定] -> [マイデバイス] -> [すべての情報とパラメータ] -> [MIUI バージョン] をクリックします (開発者向けオプションがオンになるまでクリックし続けます)。次に、設定で開発者向けオプションを検索し、それをクリックしてワイヤレス デバッグを見つけます。(余談: 内部には USB デバッグもあります。この方法では abd をインストールする必要はありませんが、この記事に記載されているワイヤレス デバッグ方法)
3. 接続
- SDK が最新バージョンであることを確認してください (`adb --version >= 30.0.0`)。
- 「adb par ip:port」を実行し、携帯電話のワイヤレス デバッグに表示されるペアリング コード、IP アドレス、およびポート番号を入力します。
- プロンプトに従って、携帯電話のワイヤレス デバッグに表示されたペアリング コードを入力すると、デバイスが正常にペアリングされたことを示すメッセージがシステムに表示されます。
- 「adb -connet ip:port」を実行します。(Linux または Windows のみ)
4. 携帯電話は、Web ページによって生成された QR コードをスキャンします (エッジを例に挙げます)
5. ブラウザのデバッグ (例として Edge を使用)
ブラウザに「edge://inspect」と入力して Enter キーを押します
ここにデバイスが表示され、青いラベルの「検査」をクリックすると、デバッグ ウィンドウが表示されます。このとき、携帯電話で操作しているウィンドウも同期されます。