2012-01-25 21 views
11

我要尋找的工具,允許在類似於螢火蟲和Chrome瀏覽器開發工具,允許做移動設備進行網站分析。的JavaScript分析

我已經使用Weinre相當廣泛。雖然它是真正的設備使用的真棒工具,但它不提供運行時分析功能。

有沒有人聽說或使用,允許這樣做的任何工具?

回答

6

這裏是移動性能測試工具從史蒂夫Sauders(即寫了一本書「高性能網站」的傢伙),一個偉大的名單:

  • Mobile Perf bookmarklet - 一個超級書籤鏈接到有用的多種其它的bookmarklet用於移動(礦)
  • Jdrop - JSON在雲中針對移動設備上收集的數據(我的)
  • Mobitest - 連接到WebPagetest.org Android和iPhone設備(Blaze.io)
  • pcapperf - 從連接到WiFi熱點的移動設備獲取HTTP瀑布圖表(開放源代碼)
  • WebWait - 我能想到的通過3G在真實設備上測量頁面加載時間的唯一方法 - 在iframe中加載URL (邁克爾Mahemoff)
  • weinre - Web檢查遙控,非常冷靜的方式來遠程調試您的移動設備(帕特里克·穆勒)
  • Reflow Timer - 小書籤來衡量回流時間(林賽西蒙,開放源代碼)
  • Favelet Suite - 一個超級小書籤,噸的功能! (slayeroffice)

來源:http://stevesouders.com/mobileperf/

UPDATE:

您可以使用Chrome Devtools使用Android設備,您可以在Mac上使用Safari Devtools與iOS設備。

鉻: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/

通過USB連接

1

你可以分析/調試/檢查鉻上的Android使用的桌面版Chrome開發者工具界面:

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

它會要求Chrome瀏覽器,Android設備能夠運行Chrome應用程序和USB電纜。

它有點惱人的設置,因爲你必須安裝和使用亞行控制檯命令,但一旦它的工作,你就會有可用於調試移動全Chrome開發者工具界面。

此外,谷歌似乎支持此功能的新的開發工具Crhome擴展喜歡的PageSpeed。

0

有關蘋果iOS的調試,您可以使用桌面Safari瀏覽器:

  • 將設備與USB電纜
  • 連接啓動應用程序在設備上
  • 推出的Safari瀏覽器在您的計算機
  • 下去開發 - >device_name - > file_name.html

(如果Develop菜單不適用於你,然後去Edit菜單>Preferences...>Advanced標籤,並選中Show Develop menu in menu bar複選框)

它啓動標準的Safari Web督察,這是非常相似的Chrome開發者工具,雖然有點相比它有限。