Javascript 测试设备上网站的内存问题？

我遇到了一个很难调试的问题。我在我的站点的许多不同地方使用Javascript库（JQuery Flexslider插件）。除了一款特殊的手机，它工作正常，而且会减慢页面上的所有内容

到目前为止，我只在这台设备上看到过这种情况。相同类型的其他设备没有此问题。这个人的iOS有几个版本已经过时了，内存也不多，所以我认为这是内存问题

一个老问题是用Javascript移动页面上存在问题的carousel元素，但我想找到并修复根问题

---

我如何开始调试这个？我不知道如何在设备上测试内存问题。

如果您在Mac上，那么您可以通过Safari插入并使用远程调试，在那里您可以访问工具，包括探查器（不确定Windows中Safari支持的状态）。有很多资源可以展示如何远程调试设备，除非它是一个非常旧的iOS版本，否则您应该可以通过设置启用

develope

菜单，但在这之后，如果您了解调试工具，它将一帆风顺

我同意这听起来并不是一个真正的内存问题，尽管jQuery在这方面似乎很饥渴，但我不知道有问题的插件是什么，但在jQuery领域，插件的质量变化很大。旧手机和旧版本的jQuery显然从来没有很好地结合在一起

---

当你说一部手机时，你指的是一种手机+iOS版本？问题还不清楚，它看起来就像你有两个相同的手机/操作系统，其中一个工作，另一个不工作。

这可能不是内存问题，而是cpu问题。jQuery制作动画的方式受到旧dvice处理器的限制。最容易处理的因素包括：

• 页面大小（html长度和复杂性）
• 动画步骤、长度和复杂性

这里有几个选项，但简单的答案是，您对旧处理器的要求太高了。假设您正在使用这个插件，您可以尝试禁用或简化一些过渡效果<代码>动画和

动画速度

将是我的第一个建议

如果您对大多数用户不感兴趣，可以考虑在回调API中加入开始和结束函数，并检查执行第一次转换所需的时间，然后重新初始化该设备的幻灯片的简单版本。

---

这里最难的是没有一个真正正确的答案。如果上述选项之一无法解决此问题，您可能会考虑选择/构建不同的幻灯片，降低每个人的体验，或者确定选择谁获得降级体验的最佳方式。

如果使用Chrome，您可以使用堆档案器

首先打开开发人员工具并开始录制

下一步开始使用您的页面，尝试复制您的问题，停止记录并查看统计数据

---

不一定是内存问题。旧手机也有旧的，较慢的CPU和GPU。我认为更有可能是因为这个。获得良好性能的最佳方法是不使用jQuery，但通常这不是一个选项。：）@GolezTrol OK如何调试这些“性能”问题？目前我只是有一种预感，我不知道这是一个多么边缘的案例。@Steve chrome性能工具对ios没有多大帮助。