8

昨日はシミュレーターで問題なく動作していましたが、今はおかしくなっています。ただし、シミュレーターで動作させる方法にたまたま遭遇しました。

通常、私が実行するiosでアプリをシミュレートする

$ ionic run ios

これでアプリが表示されますが、「壊れた」バージョンが表示されます。

ただし、実行すると

$ ionic run ios --livereload

その後、私のアプリは期待どおりに動作します! 残念ながら、ionic ビューアプリには壊れたバージョンが表示されます。Chrome（経由ionic serve）は動作中のバージョンを表示するので、それを使用して開発していますが、これを修正する必要があります。この時点でのトラブルシューティング プロセスは何ですか?

4

1 に答える 1

39

これは問題とともに Web 上で機能しまし--livereloadたが、スクリプトの href url を使用していました。

問題: Google マップのjsリンクは "//url.to.site" を使用していたため、手動で "http:" を先頭に追加する必要がありました。

iOS デバイスで ionic + angularjs アプリを適切にデバッグする方法

良い解決策を思いつくまで、これをデバッグするのはひどいものでした。注意:これには、 OS X またはいくつかの本格的なハッキング スキルが必要です。

手順は次のとおりです。

  1. $ ionic build ios
  2. TheApp/platforms/ios/TheApp.xcworkspaceで開くXcode
  3. Xcode でアプリをデバイスまたはシミュレーターにビルド/実行する
  4. 開発者モードを有効にしてSafariを開きます([設定] > [詳細設定] > [メニュー バーに [開発] メニューを表示])。
  5. SafariメニューでDebug> [Name of iOS device]>を選択します。index.html
  6. Inspectorウィンドウがアクティブな状態でCMD +R (更新) を押すと、ページ読み込みconsole.logsの最初から見ることができます。

編集のショートカット: を使用する場合は、手順 1 ～ 3 をスキップできます。$ ionic run ios --device

実際の iOS デバイスでコードをステップ実行できるため、これは素晴らしいことです。これにより、多くの時間を節約できることを願っています。頑張ってください！

Android デバイスの場合

@sajclarke のおかげで、この記事を見つけました: https://developer.chrome.com/devtools/docs/remote-debugging

于 2015-05-21T23:08:14.793 に答える