Question

我开发了一个jquery移动网络应用程序，它在个人电脑和某些移动设备上运行良好。现在我在黑莓z10和ipad mini上进行了测试，该应用程序无法在此设备上运行。

我构建了一个示例应用程序（下面的代码），我发现，原因是对localStorage的访问。

如果我删除带有set的行或带有对localStorage的get访问权限的行，它可以正常工作。

错误：我无法使用localStorage访问权限更改页面。没有线......

localStorage.setItem("test", "testal");

......它有效。

CODE：

<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <script type="text/javascript" src="/modernizr.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <div data-role="page" data-theme="c">
        <div data-role="header" data-theme="c">
            <h1>Header</h1>
        </div>
        <div data-role="content">
            <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
                <li data-role="list-divider">Menü</li>
                <li><a href="#" onclick="next()" data-transition="slide">Example</a></li>
            </ul>
        </div>
    </div>
    <div data-role="page" data-theme="c" id="runde">
        <div data-role="header" data-theme="c">
            <h1>Header 2</h1>
        </div>
        <div data-role="content">
            <h1>Page 2</h1>
        </div>
    </div>
</body>
<script type="application/javascript">
    function next() {
        localStorage.setItem("test", "testal");
        $.mobile.changePage( "#runde", { transition: "slide" });
}
</script>
</html>

Answer 1

可能存在版本问题。这是一个概述： http://caniuse.com/#index

也可以在ipad上尝试关闭隐私浏览......

与localStorage的Jquery移动错误

1 个答案: