web-dev-qa-db-ja.com

chromeデバイスのIOSをデバッグする方法はありますか

chromeデバイスでIOSブラウザをデバッグする方法はありますか？

方法がない場合、IOSのchromeのバグにどのようにアプローチできますか？

ウェブを検索しましたが、十分な答えが見つかりませんでした。

iosgoogle-chromegoogle-chrome-devtools
52
Alexander Gorelik

古い回答（2016年7月）：

公開されたWKWebViewアプリの制限により、iOSのChromeを直接デバッグすることはできませんが、他のSOスレッドで既に説明されているいくつかのオプションがあります。

  1. Safariでも問題を再現できる場合は、 Safari Web Inspectorによるリモートデバッグ を使用します。これが最も簡単なアプローチです。

  2. WeInRe は、単純なクライアントサーバーモデルを使用して、簡単なデバッグを可能にします。完全に機能しているわけではありませんが、問題を解決するには十分かもしれません。セットアップの手順を参照してください here 。

  3. シンプルなWKWebViewブラウザーアプリ（いくつかの指示 ここ ）を作成するか、GitHubで既存のブラウザーアプリを探すことができます。 Chromeは同じレンダリングエンジンを使用するため、Chromeが生成するものに近いため、それを使用してデバッグできます。

WebKitには「バグ」があります： WKWebViewのリリースビルドでのWeb Inspectorの使用を許可 。 WKWebViewにAPIを取得した場合、Chrome for iOSはデバッグ可能です。

2018年1月更新：

2016年の返事以来、物事を改善するためにいくつかの作業が行われました。

Microsoftチームの一部による RemoteDebug iOS WebKit Adapter と呼ばれる最近のプロジェクトがあります。これは、Webkit Remote Debugging ProtocolとChrome Debugging ProtocolのAPIの違いを処理するアダプターです。これにより、プロトコルをサポートするアプリでChrome DevTools、VSを使用してiOS WebViewをデバッグできます。コードなど.

レポジトリの getting started ガイドをご覧ください。これは非常に詳細です。

おもしろければ、背景とアーキテクチャを読んでください こちら 。

45
Gideon Pyzer

完全なデバッグサポートが必要ない場合は、chrome：// inspectでiOSのChrome内でJavaScriptコンソールログを直接表示できるようになりました。

https://blog.chromium.org/2019/03/debugging-websites-in-chrome-for-ios.html

Chrome for iOS Console

29
MikecheckDev