0

我开发了一个 jquery 移动网络应用程序,它在 pc 和一些移动设备上运行良好。现在我在黑莓 z10 和 ipad mini 上对其进行了测试,但该应用程序无法在这些设备上运行。

我在其中发现了一个示例应用程序(下面的代码),原因是对 localStorage 的访问。

如果我删除带有集合的行或可以访问 localStorage 的行,它可以正常工作。

错误:我无法更改具有 localStorage 访问权限的页面。没有线...

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

...有用。

代码:

<!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>
4

1 回答 1

0

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

同样在 ipad 上,您可以尝试关闭隐私浏览...

于 2013-09-02T13:42:33.020 回答