ウィンドウは Edge を使用してモバイル iOS の Safari ブラウザをデバッグします

Chrome の呼び出し時にエラーが報告されたため、ここでは紹介しませんが、
Safari ブラウザは Apple のサポートブラウザです。macOS を使用している場合は、データ ケーブルを使用して実行できます。仕方なく、私のような多くの開発者は Windows コンピュータを使用しているため、ウィンドウ システム上で iOS モバイル ブラウザをデバッグする方法を探し始めました。

まず依存関係パッケージをインストールする必要があります

注: 以下の操作はWindows PowerShellで実行する必要があります(Windows のパッケージマネージャーをインストールする必要があるため、cmd はダウンロードできません)
*

1. scoop(Windows用パッケージ管理ツール)をインストールします

#修改执行策略,选择是 A 全是
set-executionpolicy unrestricted -s cu
#安装scoop
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

2. scoop を通じて ios_webkit_debug_proxy をインストールする

# 安装 extras
scoop bucket add extras
# 安装 ios-webkit-debug-proxy
scoop install ios-webkit-debug-proxy

3. 依存パッケージのインストールとデバッグ

npm install vs-libimobile -g
npm install remotedebug-ios-webkit-adapter -g

4. オープンiOSデバッグ

まず設定を開き、Safari ブラウザを選択し、下にスライドして詳細を選択し、内部のWeb ページインスペクタを開き、ちなみに開く JavaScript を保存します。画像の説明を追加してください

5. iTunes または Aisi Assistant をインストールします (ここでは iTunes をインストールしました)

iTunes にログインし、デバイスをバインドする必要があります。携帯電話は最大 5 台の PC デバイスをバインドできます。バインドが完了したら、アカウント認証をクリックして携帯電話を表示します。

ここに画像の説明を挿入

6. デバッグを開始する

携帯電話をデータ ケーブルで接続し、iTunes を開き、次のコマンドを実行します (ポート 9000 を指定します)。

remotedebug_ios_webkit_adapter --port=9000

次に、edge://inspect/#devices (つまり、Edge ブラウザのデバッグ インターフェイス) を開きます。

9000 でリッスンを開始したため、ポートを設定します。したがって、localhost:9000 を使用して
ここに画像の説明を挿入
モバイル ブラウザのインターフェイスを更新すると、しばらくするとブラウザのコンテンツが表示されるようになります。完了した場合でも、 「検査」ここに画像の説明を挿入
をクリックしてインターフェースを表示します。

ここに画像の説明を挿入

要約:

iosには非常に多くのバグがあり、それらはすべて説明のつかないバグです。

おすすめ

転載: blog.csdn.net/weixin_46613448/article/details/129880253