Javascript profiling trên thiết bị di động

Question

Tôi đang tìm kiếm các công cụ cho phép thực hiện lược tả các trang web trên thiết bị di động tương tự như những công cụ mà Firebug và Chrome dev cho phép thực hiện.

Tôi đã sử dụng Weinre khá phong phú. Mặc dù đây là một công cụ tuyệt vời để sử dụng với các thiết bị thực nhưng nó không cung cấp các cơ sở cho việc định hình thời gian chạy.

Có ai đã nghe hoặc sử dụng bất kỳ công cụ nào cho phép làm như vậy không?

Answer 1

Dưới đây là một danh sách lớn của các công cụ kiểm tra hiệu suất di động từ Steve Sauders (anh chàng đó đã viết cuốn sách "Hiệu suất cao những website"):

• Mobile Perf bookmarklet - Một bookmarklet uber có liên hệ với nhiều bookmarklets hữu ích khác cho điện thoại di động (mỏ)
• Jdrop - JSON trong đám mây cho các dữ liệu thu thập trên các thiết bị di động (mỏ)
• Mobitest - Kết nối WebPagetest.org Android và các thiết bị iPhone (Blaze.io)
• 01.- Nhận biểu đồ thác nước HTTP từ thiết bị di động của bạn được kết nối với điểm phát sóng wifi, bài đăng trên blog (mã nguồn mở)
• WebWait - Cách duy nhất tôi có thể nghĩ để đo thời gian tải trang trên thiết bị thực qua 3G - tải URL trong iframe (Michael Mahemoff)
• weinre - Web Inspector từ xa, cách rất mát mẻ để gỡ lỗi thiết bị di động của bạn từ xa (Patrick Mueller)
• Reflow Timer - Bookmarklet để đo thời gian reflow (Lindsey Simon, mã nguồn mở)
• Favelet Suite - Một uber bookmarklet, tấn tính năng! (Slayeroffice)

Nguồn: http://stevesouders.com/mobileperf/

UPDATE:

Bạn có thể sử dụng Chrome DevTools với thiết bị Android và bạn có thể sử dụng Safari DevTools trên máy Mac với thiết bị iOS.

Chrome: https://developer.chrome.com/devtools/docs/remote-debugging

Safari: https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

Bạn kết nối qua USB

Answer 2

Bạn có thể cấu hình/debug/kiểm tra Chrome-on-Android sử dụng các công cụ nhà phát triển Chrome desktop giao diện:

https://developers.google.com/chrome/mobile/docs/debugging

Nó sẽ yêu cầu Chrome, một thiết bị Android có thể chạy ứng dụng Chrome và cáp USB.

Hơi khó chịu khi thiết lập, vì bạn phải cài đặt và sử dụng lệnh bàn điều khiển ADB, nhưng khi hoạt động, bạn sẽ có giao diện công cụ phát triển chrome đầy đủ để gỡ lỗi di động.

Ngoài ra, Google có vẻ như đang hỗ trợ tính năng này cho tiện ích mở rộng Crhome công cụ dành cho nhà phát triển mới như PageSpeed.

Answer 3

Đối với iOS gỡ lỗi trên máy Mac, bạn có thể sử dụng máy tính để bàn Safari:

• kết nối điện thoại bằng cáp USB
• bắt đầu ứng dụng trên thiết bị
• ra mắt Safari trên máy tính của bạn
• đi để phát triển ->device_name -> file_name.html

(nếu Develop đơn là không có sẵn cho bạn, sau đó đi đến Edit menu>Preferences...>Advanced tab và kiểm tra Show Develop menu in menu bar hộp kiểm)

Nó sẽ khởi động chuẩn Safari thanh tra web, mà là khá tương tự như Công cụ nhà phát triển Chrome, mặc dù hơi hạn chế so với nó.