我开发了一个 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>