iPad在继续使用后在独立模式下速度变慢和冻结

我的用户在独立模式下运行我的网站时，在iPad上遇到了冻结问题。

他们使用的设备运行iOS 9.2.1。

设备响应速度似乎逐渐变慢，使用一小时后甚至可能冻结。

单击主页按钮并以独立模式重新打开网页将修复/重置问题。

我的用户在独立模式下查看的网页包含一些输入（文本、单选、复选框）和一个提交按钮。因此，浏览器在冻结之前被重新加载了几次。

页面的资源相当小，某些页面可能包含一两个图像，并在 css 中导入字体文件以供图标使用。

有谁知道可能导致冻结的原因？

我假设它与记忆有关。

我可以在独立模式下跟踪 iOS 设备的内存使用情况吗？

与Chrome相比，Safari的Web检查器工具受到限制，并且Safari不支持window.performance.memory。

我也尝试过使用"

仪器"应用程序进行远程调试，但"泄漏"工具中没有记录任何内容，并且在尝试使用分配工具时收到错误"无法附加到任务;端口无效"。

我应该使用其他工具吗？

这似乎是iOS 9独立模式下的错误。

我向苹果提交了这个错误，并将其添加到打开雷达 http://openradar.appspot.com/25109349

如果您在iOS 9上以独立模式运行下面的html页面，您将能够重现该问题。加载 100+ 页面后，您会注意到触摸响应延迟，加载 400+ 页面后，屏幕将完全无响应。

运行代码段在独立模式下不起作用，因此您必须复制 html 并制作自己的文件。您应该将表单的操作更新为您制作的文件的名称，或将文件命名为"autoSubmitLoop.html"。

<!DOCTYPE html>
<html>
    <head>
        <title>(Auto) iOS 9 standalone mode, page load, unresponsive touch bug</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="mobile-web-app-capable" content="yes" />
    </head>
    <body>
        <h1>Auto submit test</h1>
        <form method="get" action="autoSubmitLoop.html" id="form"  name="form">
            <p>Auto submit at 3s</p>
            <p>Timer: <span id="timer-counter">0</span></p>
            <input type="hidden" id="page" name="page" value="0" />
            <p>Auto submit count: <input type='number' id="page-counter" name="page-counter" value="0" disabled></p>
            <input type="submit" value="Submit" id="submit-button"/>
            <br>
            <br>
            <br>
            <button type="button" onclick="location.reload();">Reload</button>
            <br>
            <br>
        </form>
        <p>Scroll</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>&darr;</p>
        <script>
            (function() {
                var paramArray = window.location.search.substring(1).split("&");
                var time = 3;
                var counter = 0;
                for (var i = 0; i < paramArray.length; i = i + 1) {
                    var pair = paramArray[i].split("=");
                    if (pair[0] === "page") {
                        var nextPage = Number(pair[1]) + 1;
                        document.getElementById('page').value = nextPage;
                        document.getElementById('page-counter').value = nextPage;
                    }
                }
                setInterval(function(){
                    counter = counter + 1;
                    document.getElementById('timer-counter').innerHTML = counter;
                    if(counter >= time){
                        document.getElementById('submit-button').click();
                    }
                },1000);
            })();
        </script>
    </body>
</html>

这是另一个没有表单的示例，如果您删除 html 底部的脚本并手动提交页面，问题仍然会出现。

<!DOCTYPE html>
<html>
    <head>
        <title>(Auto Reload) iOS 9 standalone mode, page load, unresponsive touch bug</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="mobile-web-app-capable" content="yes" />
    </head>
    <body>
        <h1>Auto reload test</h1>
        <p>Auto reload at 3s</p>
        <p>Timer: <span id="timer-counter">0</span></p>
        <br>
        <br>
        <button type="button" onclick="location.reload();">Reload</button>
        <br>
        <br>
        <p>Scroll</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>|</p>
        <p>&darr;</p>
        <script>
            (function() {
                var time = 3;
                var counter = 0;
                setInterval(function(){
                    counter = counter + 1;
                    document.getElementById('timer-counter').innerHTML = counter;
                    if(counter >= time){
                        location.reload();
                    }
                },1000);
            })();
        </script>
    </body>
</html>

相关内容

最新更新

热门标签：