ホームページ >ウェブフロントエンド >uni-app >Android スマートフォンで uniapp をデバッグする方法
Android スマートフォンで uniapp をデバッグする方法
- PHPzオリジナル
- 2023-04-20 15:05:335395ブラウズ
モバイル インターネットの普及に伴い、モバイル アプリケーション開発の需要が高まっています。しかし、開発プロセスでは、さまざまなモバイル プラットフォームでデバッグが必要になることがよくあります。このような状況に直面して、時代の要請に応じて登場したのが、開発者が効率的なクロスプラットフォーム アプリケーションを迅速に開発できるフレームワークである Uniapp です。ただし、プラットフォームごとにデバッグ方法が異なるため、多くの開発者はまだ少し混乱しています。この記事では、Android スマートフォンで Uniapp をデバッグする方法に焦点を当てます。
1. Weinre のデバッグに Chrome を使用する
Weinre は、モバイル デバイスでのリモート デバッグ用のツールであり、開発中のモバイル デバイスのデバッグ問題を十分に解決できます。 Weinre を使用すると、アプリケーションをコンピュータにローカルにインストールしなくても、リモート ブラウザで Android デバイス上の Web アプリケーションをデバッグできます。具体的な手順は次のとおりです。
- Node.js のインストール
まず、Weinre を使用する準備として Node.js をインストールする必要があります。 -
Weinre のインストール
Weinre をインストールする前に、まずターミナルまたはコマンド ライン ツールを開いて、次のコマンドを実行する必要があります。npm -g install weinre
- Weinre の開始
次に、Weinre を開始する必要があります。コマンド ライン ツールを開き、次のコマンドを入力して Weinre サーバーを起動します。
weinre --httpPort 8080 --boundHost -all-
このうちポート番号はカスタマイズ可能ですが、ここではポート番号を8080と指定します。
- Weinre スクリプトをページに挿入します
次のスクリプト コードをページの先頭に挿入します。IP アドレスにはローカル IP アドレスを入力する必要があります。
<script></script>
- デバイスを接続します
次に、電話機で Chrome ブラウザを開いて次のアドレスを入力する必要があります: http://your-ip:8080/client/#匿名 。このうち、your-ip には、先ほど述べたローカル IP アドレスを入力する必要があります。この時点で、Chrome に次のページが表示されます。
[
](https://img.php.cn/upload/article/000/000/068/168197743152266.png)
「デバッグ」をクリックしますボタン をクリックすると、デバイスに接続してリモート デバッグを実行できます。
2. デバッグに Chrome DevTools を使用する
Weinre に加えて、Chrome DevTools を使用して Uniapp をデバッグすることもできます。具体的な手順は次のとおりです。
- 携帯電話の開発者向けオプションを有効にする
まず、Android 携帯電話の「設定」で「電話について」を見つけ、「バージョン番号」をクリックする必要があります。 」を7回連続で押す、つまり「開発者向けオプション」をオンにすることができます。 - USB デバッグをオンにする
開発者向けオプションをオンにした後、その中に「USB デバッグ」を見つけてオンにする必要があります。 - デバイスを接続する
次に、USB ケーブルを使用して電話をコンピュータに接続し、Chrome ブラウザを開く必要があります。 - Chrome DevTools を有効にする
Chrome に次のアドレスを入力します: chrome://inspect/#devices。次に、Chrome で次のページが表示されます。
[
](https://img.php.cn/upload/article/000/000/068/168197743518848.png)
「検査」をクリックしますボタンをクリックすると、Chrome DevTools を開いてスマートフォンでアプリケーションをデバッグできます。
概要:
この記事では、Weinre と Chrome DevTools を使用するなど、Android スマートフォンで Uniapp をリモート デバッグする 2 つの方法を紹介します。どちらの方法も非常にシンプルで使いやすく、あらゆる種類の開発者に適しています。実際の開発プロセスにおいても、これらの方法を実情に応じたデバッグに活用することで、開発効率を向上させることができます。
以上がAndroid スマートフォンで uniapp をデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。