web-dev-qa-db-ja.com

iOS 10でiOS Chromeをデバッグできますか？

タイトルにあるように、Windows 10でiOSデバイス（iPod、iPadなど）でモバイルChromeで開いたWebサイトをデバッグする必要があります。Windows10でiOS Safariデバッグを正常にセットアップしました。 via Chrome DevTools（ GitHub repo 、 helpful comment ）。ChromeまたはFirefoxで、Safariではありません。

iosgoogle-chromedebugginggoogle-chrome-devtools
6
Tomeister

はい、そうです。最初にノードが必要で、（iOS>設定> Safariで有効になっているWebインスペクター）そして...

  1. Weinre Sudo npm -g i weinre（または）npm i -g weinreをインストールします
  2. Weinre weinre --boundHost YOUR_IP:PORTを実行します
  3. 実行したら、次のスクリプトをコピーしてコードに貼り付けます

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js"></script>

  1. IOSデバイスをUSB経由で接続します

  2. デバッグするブラウザ（PC）からhttp://YOUR_IP_ADDRESS:PORT/client/に移動すると、デバイスが表示されます。

ステップ2のエラー

ステップ2でエラーが発生した場合は、最初にipconfigを介してIPを確認してから、使用されていない空きポートに同様のIPをバインドします。たとえば、ローカルIPは192.168.1.5であるため、空きポートで同じものを使用しました-192.168.1.5:4576

ステップ5のエラー

デバイスが表示されない場合は、次のように名前myDeviceをスクリプトに追加してみてくださいステップ

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js#myDevice"></script>

次に、ステップ5で、デバイスに到達したら、デバイス名をhttp://YOUR_IP_ADDRESS:PORT/client/#myDeviceとしてURLに追加します

[〜＃〜] success [〜＃〜]

すべてが正常に実行されると、コードを検査し、indexedDB、session、およびlocalStorageを読み取り、他の開発ツールの中でConsoleで出力を確認できます。

5
Robot Boy