2014-09-05 34 views
32

Ứng dụng HTML5 của tôi được đóng gói bởi Ionic (sử dụng Cordova) và tải lên iPhone của tôi như một ứng dụng thông thường.Gỡ lỗi ứng dụng Ionic trên iOS?

Tôi có thể gỡ lỗi trong khi kết nối với thiết bị không? Tôi biết với Android bạn có logcat và trong trình duyệt tôi có công cụ dev nhưng có sự khác biệt giữa các ứng dụng trên thiết bị và trình duyệt và tôi muốn biết tại sao.

Bất kỳ trợ giúp đánh giá cao.

Cảm ơn

+0

Có một trình gỡ rối trong safari nhưng bạn phải bật nó trên thiết bị và trong trình duyệt: http://phonegap-tips.com/articles/debugging-ios-phonegap-apps-with-safaris-web-inspector.html –

Trả lời

63

Có ba tùy chọn chính.

  1. Gỡ lỗi bằng Safari. Điều này là tốt để gỡ lỗi một ứng dụng lai, nhưng không thể cho bạn biết kết quả đầu ra liên quan đến các plugin gốc. http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
  2. Mở dự án và xây dựng cho thiết bị trong Xcode. Điều này cho thấy đầu ra của toàn bộ thiết bị http://cordova.apache.org/docs/en/3.5.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide
  3. Gỡ lỗi với CLI ion. Sử dụng ionic run ios -l -c -s với các cờ sẽ sử dụng tải lại trực tiếp và in các bản ghi vào bảng điều khiển. http://ionicframework.com/blog/live-reload-all-things-ionic-cli/
+2

Tùy chọn # 3 cực kỳ hữu ích để gỡ lỗi. Rất nhiều lỗi đã được ném trong ứng dụng xem iOS ionic không được đưa vào chế độ xem web. Tôi vừa thêm bình luận trên mã của tôi tương ứng với nơi mà các lỗi đã được ném. –

+2

Lưu ý rằng việc sử dụng Tùy chọn 3 chạy ionic trên thiết bị (hoặc 2 tòa nhà từ Xcode) cũng cho phép Tùy chọn 1 gỡ lỗi với Safari. Chạy ionic (với các tùy chọn mong muốn) nhắm vào thiết bị 'ionic run ios --device' rồi mở Safari và trong menu Develop bắt đầu làm việc với mục tiêu mong muốn khi nó hiển thị webview. Ban đầu tôi đã gặp vấn đề với việc này để làm việc từ cli và chỉ cần cài đặt lại nền tảng để giải quyết 'nền tảng ion loại bỏ ios' rồi thêm lại nó. – jimmont

+0

Tôi muốn thêm Chome trên OS X vào # 1. – user542319

0

Tôi cũng muốn nói thêm rằng trong Ionic 1.2, bạn có thể nhận ra giao diện điều khiển/lỗi ngay trong ga qua ionic serve hoặc ionic emulate.

6

Tương tự như câu trả lời đầu tiên, dưới đây là cách tôi gỡ lỗi trên iOS.

ionic emulate ios -lc 

Chạy ứng dụng nào bằng nhật ký bảng điều khiển và đầu ra và lỗi khi tải lại trực tiếp.

4

Tôi đang sử dụng ionic 2 và bản ghi. bạn có thể sử dụng debugger từ khóa để gỡ lỗi trên ios như thế này:

enter image description here

săn sau đó mở -> phát triển -> mô phỏng -> index.html, chúc may mắn

enter image description here

Các vấn đề liên quan