我知道标题不是解释性的，而是故事：我正在开发一种浏览器游戏，主要使用JavaScript和Mapbox库。
一切在台式机，Android和iOS上都可以正常运行，但是在iOS上出现了一个问题：让游戏运行了几分钟后，手机突然开始出现图形伪像，并显示了大部分乱码。
这是手机开始时的一些照片：
我的问题是：代码中到底是什么原因引起的？内存泄漏？（LE：事实证明实际上是内存泄漏）
真正的问题是：为什么只通过浏览网页就可以几乎将整个手机变成砖块？Safari是否应该停止此操作，或者至少是iOS？
这不是此特定设备的问题，因为此问题可以在其他iPhone设备上重现。（我不太确定不同的iOS版本）。
如何重现错误：
- 打开游戏（在Safari内部）。
- 让它运行3-4分钟。
- 向下滑动通知中心，一切都会变得疯狂。
我添加了一个YouTube视频，该视频显示了如何重现错误（在iPhone 5C上）。
该问题似乎首先出现在通知中心中（如果您从顶部向下滑动菜单）。
就目前而言，此问题似乎仅在iPhone 5CiOS 9.2.1（13D15）上发生。它也发生在新的iOS 9.3版本上。
为了解决此问题，我必须：
- 关闭Safari应用程序（在其中打开了游戏选项卡）。
- 锁定手机。解锁后，一切恢复正常。
有关游戏本身的一些详细信息：
- 游戏会显示一个Mapbox地图及其上方的一些单位（标记）。
- Node.js服务器以1节拍/秒的速度运行，并且在每个节拍之后，更新的游戏状态通过Socket.io发送到浏览器。
- 每次浏览器收到游戏状态时，都会相应地更新标记。
- *如果您放大或缩小标记或选择标记，游戏可能还会更新标记。
EDIT2：
发现内存泄漏（按预期方式）。修复此泄漏（检查undefined_icon）之后，该问题不再发生。这意味着，沿着这些路线的某个地方会触发Safari / iOS错误。
对于每个群集的单位（在MarkerCluster中被隐藏并与其他单位分组），这就是每个刻度线的确切名称：
var $icon = $(marker._icon); // marker._icon is undefined because of the clustering
$icon.html('');
$icon.append($('<img class="markerIcon" src="' + options.iconUrl + '" />'));
var iconX = 10;
var iconY = -10;
var iconOffset = 0;
for(var v in this.icons) {
this.icons[v].css('z-index', + $icon.css('z-index') + 1);
this.icons[v].css('transform', 'translate3d(' + iconX + 'px,'
+ (iconY + iconOffset) + 'px,' + '0px)');
iconOffset += 20;
this.icons[v].appendTo($icon);
}
// Fire rate icons
this.attackRateCircle = $('<div class="circle"></div>');
this.attackRateCircle.circleProgress({
value: 0,
size: 16,
fill: { color: "#b5deff" },
emptyFill: 'rgba(0, 0, 0, 0.5)',
startAngle: -Math.PI / 2,
thickness: 4,
animation: false,
});
this.attackRateCircle.hide();
// Create and display the healthbar
this.healthBar = $('<div>').addClass('healthBar ');
this.healthBar.css('z-index', $icon.css('z-index'));
this.healthBarFill = $('<span class="fill">');
this.healthBar.append(this.healthBarFill);
$icon.append(this.healthBar);
$icon.append(this.attackRateCircle);
这是icons数组：
this.icons = {
attack_order: $('<img src="img/attack.png" class="status_icon">'),
attack: $('<img src="img/damage.png" class="status_icon icon_damage">'),
hit: $('<img src="img/hit.png" class="status_icon icon_hit">'),
};
circleProgress调用来自此库：https : //github.com/kottenator/jquery-circle-progress
演示
是的，我已经能够创建一个重现该错误的jsFiddle：https ://jsfiddle.net/cte55cz7/14/ 在iPhone 5C的Safari上打开并等待几分钟。在iPhone 6和iPad mini上，页面崩溃（如预期的那样，由于内存泄漏）
SuperUser。我希望这被认为是提出这个问题的正确地方。