javascript - 在 iPhone 4/4s (iOS 7.0.1) 上放大文本输入字段时崩溃 Safari(并且仅在缩放时)

Question

当放大我们网站上的文本字段时，Safari 在运行 iOS 7 的 iPhone 4/4s 上持续崩溃。我们的网站在 iPhone 5 和台式机上运行良好。

重现:

1) 访问www.panabee.com来自 iPhone 4/4s。

2) 使用两个术语运行搜索(例如，“stackoverflow rocks”)。

3) 结果页面加载后，放大顶部的搜索字段。调整搜索条件。 Safari 崩溃。你必须放大。如果您在不缩放的情况下调整搜索词，则该站点可以正常运行。

以下 jQuery 代码在编辑文本字段时执行:

function text_field_onclick( field ) {
    field = $( field );
    if ( field.hasClass('tip') ) {
        field.removeClass('tip');
        field.val( '' );
    }
}


function text_field_onblur( field ) {
    field = $( field );
    if ( !field.val() ) {
        field.addClass('tip');
        field.val( field.attr('tip') );
    }
}

为什么 Safari 会崩溃？是我们网站的问题吗？

Answer 1

发生这种情况是因为“low memory”，这是一个内存问题。iPhone5 的内存大于 iPhone4 和 iPhone4s 的内存。这就是为什么这不会发生在 iPhone5 上。这是一个性能问题。请提高应用程序的性能或解决内存问题。也许在您的应用程序中，某些函数使用了更多内存，这就是发生这种情况的原因。