Question

我有这个测试代码：

<!DOCTYPE html>
<html>
<head>
    <title>TESTE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
        var titulos = new Array();
        var conteudos = new Array();
        titulos[0] = "titulo1";
        conteudos[0] = "abacate caqui côco goiaba morango laranja limão ";
        titulos[1] = "titulo2";
        conteudos[1] = "abacaxi caqui goiaba maracujá pêssego ";
        titulos[2] = "titulo3";
        conteudos[2] = "abacate caqui maracujá uva";
        titulos[3] = "titulo4";
        conteudos[3] = "abacaxi carambola côco morango ";
        titulos[4] = "titulo5";
        conteudos[4] = "abacaxi carambola ";
        titulos[5] = "titulo6";
        conteudos[5] = "abacate abacaxi banana caqui carambola côco goiaba ";
        titulos[6] = "titulo7";
        conteudos[6] = "abacate abacaxi caqui côco ";
        titulos[7] = "titulo8";
        conteudos[7] = "abacaxi caqui morango maracujá ";
        titulos[8] = "titulo9";
        conteudos[8] = "abacaxi carambola côco ";
        titulos[9] = "titulo10";
        conteudos[9] = "abacaxi caqui côco ";
        titulos[10] = "titulo11";
        conteudos[10] = "banana carambola côco morango pêssego ";
        var conta = 10;

        function procura(texto) {
            conta2 = 0;
            var resposta = "";
            var texto = texto.toLowerCase(); //EDITED
            while (conta2 < conta) {
                var conteudo = retirarAcento(conteudos[conta2]); //EDITED
                conteudo.toLowerCase(); //EDITED
                if (conteudo.search(texto) >= 0) resposta = resposta + "<div style='border: 1px solid #fff; background: #eee;' onclick='alert("+(conta2+1)+")'>" + titulos[conta2] + "<\/div>"; //EDITED
                conta2++;
            }
            document.getElementById('resposta').innerHTML = resposta;
        }
    </script>
</head>
<body>
<input type="text" style="width: 200px;" onKeyUp="procura(this.value)">
<div id="resposta" style="width: 200px; max-width: 200px; max-height: 250px; border: 1px solid #f00; overflow-y: scroll"></div>
</body>
</html>

它在数组中搜索，并在找到时显示在div中。适用于FF 27，IE 11，Safari 5 for Windows，Opera 9.8，Chrome 33，Chrome for Android和FF for Android（我必须测试）。尝试过一些iPad和Safari模拟器也可以正常工作。

问题在于用户说它无法在Safari for Mac和iPad中使用。

代码似乎是正确的，我没有想法。

你能看到什么吗？或者知道一些更可靠的模拟器？

iPad和Safari模拟器以及交叉浏览问题

0 个答案: