苹果手机4/4s在运行iOS 7系统时,使用Safari缩放文本框时会出现崩溃的情况。我们的网站在iPhone 5和桌面电脑上都能正常工作。
复现步骤如下:
1)使用iPhone 4/4s访问www.panabee.com。
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会崩溃?是我们网站的问题吗?