移动设备上的 Javascript 分析

Posted 2023-03-06

【中文标题】移动设备上的 Javascript 分析

【英文标题】：Javascript profiling on mobile devices

【发布时间】：2012-01-25 15:33:18

【问题描述】：

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

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

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

【参考方案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/

更新：

您可以在 Android 设备上使用 Chrome Devtools，也可以在带有 ios 设备的 Mac 上使用 Safari Devtools。

铬：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 连接

【参考方案2】：

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

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

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

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

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

【参考方案3】：

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

使用 USB 数据线连接您的设备 在设备上启动应用程序 在您的计算机上启动 Safari 转到开发 ->

device_name

-> file_name.html

（如果您无法使用 Develop 菜单，请转到 Edit 菜单 > Preferences... > Advanced 选项卡并选中 Show Develop menu in menu bar 复选框）

它会启动标准的 Safari 网络检查器，它与 Chrome 开发者工具非常相似，但与之相比有些局限。