简单的Javascript Sprite Animation - 行闪烁，但仅限于iOS设备

Question

我的一个客户的主页上的精灵动画存在问题，但只有在iOS设备（即iPhone或iPad）上查看该网站时才会出现该问题。我无法在任何其他设备或模拟器上复制该问题，因此我遇到了排除故障的问题（不要拥有iPhone或iPad）。问题是：看起来像1px的线几乎一直出现在动画帧的右边缘，并且当动画运行时，类似的线偶尔会在帧的顶部闪烁。动画本身就是一个简单的javascript精灵表动画。我正在假设我已经正确编程了精灵动画，因为它在我检查过的每个其他设备，平台和浏览器上都能正确显示。它甚至可以在IE中运行。

两个问题：

1. 什么会导致简单的精灵动画在iOS渲染时以不同方式显示？

2. 作为一名小型商业顾问，我没有时间，而且我的客户没有预算让我在每台设备上进行物理测试，因此我不得不依赖仿真器。如果模拟器没有正确演示设备将显示的内容，我还有哪些其他选项？

我不完全确定有关向我的客户的生产网站发布链接的协议，但很高兴发送链接给愿意帮助回应和/或给我发消息的任何人。

Answer 1

欢迎来到SO。

我花了很多时间在网络上专门处理iOS并遇到类似情况。如果不调整您发布的示例，我就无法完全证明这一点，但这至少应该为您指明方向。

1. 闪烁或半透明线通常是由设置为资产的缩放引起的。在高DPI显示和流体布局的世界中，圆角的差异导致细线，闪光等。资产是否有任何缩放设置，例如背景大小，下采样？

2. 模拟器正在正确显示软件 - 这些问题是硬件的结果。您可以做的最好的事情是为您测试的所有平台购买旗舰产品，或者查看本地资源，例如Clearleft's Device Testing Lab