在移动设备上进行Javascript分析

Question

我正在寻找能够在移动设备上对网站进行性能分析的工具，类似于Firebug和Chrome开发工具允许的工作。

我使用Weinre相当广泛。虽然它是一个与真实设备一起使用的绝佳工具，但它不提供运行时分析的工具。

有没有人听过或使用过任何允许这样做的工具？

Answer 1

以下是Steve Sauders（编写“高性能网站”一书的人）的移动性能测试工具的绝佳列表：

• Mobile Perf bookmarklet - 一个超级书签，上面有多个其他可用于移动设备的书签（我的）
• Jdrop - 云中用于在移动设备上收集数据的JSON（我的）
• Mobitest - 将WebPagetest.org连接到Android和iPhone设备（Blaze.io）
• pcapperf - 从连接到wifi热点的移动设备获取HTTP瀑布图，博客文章（开源）
• WebWait - 我能想到通过3G测量真实设备上的页面加载时间的唯一方法 - 在iframe中加载URL（Michael Mahemoff）
• weinre - Web Inspector Remote，远程调试移动设备非常酷的方式（Patrick Mueller）
• Reflow Timer - 衡量回流时间的书签（Lindsey Simon，开源）
• Favelet Suite - 一个超级书签，大量的功能！ （slayeroffice）

来源：http://stevesouders.com/mobileperf/

<强>更新

您可以将Chrome Devtools与Android设备配合使用，并且可以在配备iOS设备的Mac上使用Safari Devtools。

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/

您通过USB连接

Answer 2

您可以使用桌面Chrome开发人员工具界面：

来分析/调试/检查Chrome-on-Android

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

这需要Chrome，能够运行Chrome应用的Android设备和USB线。

设置有点烦人，因为你必须安装并使用ADB控制台命令，但是一旦它工作，你就可以使用完整的chrome开发人员工具界面来调试移动设备。

此外，Google似乎支持此功能，用于新的开发工具Crhome扩展程序，如PageSpeed。

Answer 3

对于Mac上的iOS调试，您可以使用桌面Safari：

• 使用USB连接线连接设备
• 在设备上启动应用
• 在您的计算机上启动Safari
• 转到开发 - ＆gt; device_name - ＆gt; file_name.html

（如果您无法使用Develop菜单，请转到Edit菜单＆gt; Preferences...＆gt; Advanced标签并检查{{1复选框）

它推出了标准的Safari网络检查程序，与Chrome开发者工具非常相似，但与之相比有些限制。