web-dev-qa-db-ja.com

デバッグIonic IOSのアプリ？

私のHTML5アプリはIonic（Cordovaを使用）でパッケージ化され、通常のアプリのようにiPhoneにロードされます。

デバイスに接続したままデバッグできますか？ Android logcatがあり、ブラウザには開発ツールがありますが、デバイス上のアプリとブラウザには違いがあるので、理由を知りたいです。

任意の助けに感謝します。

ありがとう

iosiphonedebuggingcordovaionic-framework
43
Ben Taliadoros

3つの主要なオプションがあります。

  1. Safariを使用してデバッグします。これはハイブリッドアプリのデバッグには適していますが、ネイティブプラグインに関連する出力を伝えることはできません。 http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
  2. プロジェクトを開き、Xcodeでデバイスにビルドします。これにより、デバイス全体の出力が表示されます http://cordova.Apache.org/docs/en/3.5.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide
  3. Ionic CLI。フラグでionic run ios -l -c -sを使用すると、ライブリロードが使用され、ログがコンソールに出力されます。 http://ionicframework.com/blog/live -reload-all-things-ionic-cli /
79
Jeremy Wilken

最初の答えと同様に、ここにiOSでのデバッグ方法を示します。

ionic emulate ios -lc

シミュレーターを使用してアプリを実行し、コンソールログとエラーをライブリロードで端末に出力します。

9
littlequest

私はionic 2とTypeScriptを使用しています。次のようにdebuggerキーワードを使用してiOSでデバッグできます。

enter image description here

それからサファリ->開発者->シミュレーション-> index.htmlを開いて、幸運を祈ります

enter image description here

4
vuhung3990

次の拡張子を持つVisual Studioコードを使用できます。 https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools

よろしく、ニコルズ

3
jdnichollsc

また、Ionic 1.2で、ターミナルでコンソール/エラー出力をionic serve または ionic emulate。

0
Raymond Camden