我正在寻找类似于Firebug和Chrome开发工具的工具，可以对移动设备上的网站进行性能分析。
我已经广泛使用了Weinre。虽然它是一个在真实设备上使用的很棒的工具，但它没有提供运行时分析功能。
有人听说过或使用过任何可以实现此功能的工具吗？
3个回答
6
以下是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，在Mac上使用Safari Devtools与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/
您可以通过USB连接设备。
- Jasper
1
您可以使用桌面版Chrome开发者工具界面对Android上的Chrome进行分析、调试和检查：
https://developers.google.com/chrome/mobile/docs/debugging
这需要Chrome浏览器、能够运行Chrome应用的Android设备和USB电缆。
设置有点麻烦，因为您需要安装并使用ADB控制台命令，但一旦它工作正常，您就可以使用完整的Chrome开发者工具界面来调试移动设备。
此外，Google似乎正在支持新的开发工具Crhome扩展，例如PageSpeed。
- Seth
0
对于在Mac上进行iOS调试，您可以使用桌面版Safari：
- 使用USB线连接您的设备
- 在设备上启动应用程序
- 在计算机上打开Safari
- 转到 开发 -> 设备名称 -> 文件名.html
(如果您无法找到“开发”菜单，则转到“编辑”菜单 > “首选项...” > “高级”选项卡，并勾选“在菜单栏中显示开发菜单”复选框)
这将启动标准的Safari Web Inspector，它与Chrome开发者工具非常相似，尽管功能有所限制。
- pckill
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接