Gỡ lỗi ứng dụng web trong Trình mô phỏng iPad

Question

Tôi đang phát triển một ứng dụng web cho iPad và thử nghiệm nó trên Safari trên Mac và Safari trên iPad Simulator. Bây giờ có một số vấn đề với CSS trong iPad Simulator hoạt động khá tốt trong Safari trên Mac. Bây giờ câu hỏi của tôi là, Có công cụ gỡ lỗi mạnh mẽ cho Safari trong Mô phỏng iPad không?

Answer 1

Note: Tính đến iOS6 này không phải là cách đúng đắn về làm gỡ lỗi từ xa, để lại câu trả lời này vì những lý do lịch sử nhưng bạn nên xem xét kiểm tra từ xa với Safari, đây là một bài viết tốt: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

Có một cái nhìn này, (một kịch bản bash tôi đã viết) https://gist.github.com/2241976. Nó sẽ cho phép bạn mở trình giả lập iPad và chạy thanh tra từ xa của Webkit, sẽ trông giống như thế này.

Answer 2

iWebInspector là khá một công cụ mạnh mẽ cho Safari mô phỏng của iOs. Nó sử dụng cùng một thanh tra như Chrome và nó hoạt động độc đáo (tôi đã sử dụng nó bản thân mình và thấy nó thực sự hữu ích).

Từ trang web của họ

iWebInspector là một công cụ miễn phí để gỡ lỗi, hồ sơ và kiểm tra web ứng dụng chạy trên iOS Simulator (iPhone hoặc iPad). Bạn có thể kiểm tra tài nguyên , xem và thay đổi HTML & CSS, sử dụng các điểm ngắt trên mã JavaScript , tạo biểu đồ và nhiều thứ khác giống như khi bạn đang sử dụng Safari cho Máy tính để bàn, Chrome hoặc Firebug.

Tính năng này hoạt động đối với mọi trang web trong Safari - trình duyệt web- dành cho ứng dụng web chrome (toàn màn hình) và cũng cho các ứng dụng sử dụng UIWebView - bao gồm ứng dụng PhoneGap-.

Answer 3

Khi chạy safari trong trình mô phỏng thiết bị XCode, trình đơn Safari (v6) Develop trên máy tính để bàn hiển thị các thiết bị đó. Từ đó, bạn có thể kích hoạt các công cụ phát triển (trình duyệt DOM, v.v.) cho trình duyệt di động. Điều này đã giúp tôi gỡ lỗi một vấn đề css safari di động mà không cần phần cứng.