移动设备上的 Javascript 分析

Question

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

我已经相当广泛地使用了 Weinre。虽然它是一个用于真实设备的出色工具，但它不提供运行时分析工具。

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

Answer 1

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

• 使用 USB 线连接您的设备
• 在设备上启动应用程序
• 在计算机上启动 Safari
• 转到“开发”->“ 设备名称 -> file_name.html

（如果开发菜单不适合您，则转到编辑菜单>首选项...> ；高级选项卡并选中在菜单栏中显示开发菜单复选框）

它会启动标准的 Safari Web 检查器，它与 Chrome 开发人员工具非常相似，尽管有些限制与它相比。

Answer 2

以下是 Steve Sauders（《高性能网站》一书的作者）提供的移动性能测试工具的精彩列表：

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

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

更新：

您可以在 Android 设备上使用 Chrome Devtools，也可以在 Mac 上使用 iOS 设备使用 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 3

您可以使用桌面 Chrome 开发者工具界面来分析/调试/检查 Android 上的 Chrome：

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

它需要 Chrome、能够运行 Chrome 应用的 Android 设备以及 USB 数据线。

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

此外，Google 似乎正在为新的开发工具 Crhome 扩展（例如 PageSpeed）支持此功能。