gpt4 book ai didi

ios - HTML5 离线应用总是在 iPod Touch iOS 4.2.1 上发送 "error"事件

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:27:00 25 4
gpt4 key购买 nike

我在 iOS 中遇到 HTML5 离线应用程序的问题。我的应用程序在 Firefox、Chrome 和 Android 2.2 中离线运行良好,但在运行 iOS 4.2.1 的 iPod Touch 上运行不佳。

这是我的 list (JSP),名为“1.cache.manifest.jsp”。我使用“no-cache.jsp”JSP 请求不缓存 list 。我还将“index.jsp”添加到 list 中,但这完全没有必要,因为它是引用 list 的资源。

<%@page contentType="text/cache-manifest; charset=UTF-8" pageEncoding="UTF-8"
%><jsp:include page="no-cache.jsp" flush="true"
/><%
String cacheManifestVersion = "20110220 1224";
//System.out.println("Cache manifest version=" + cacheManifestVersion);
%>CACHE MANIFEST
index.jsp
cache-this.js.jsp

这是我的 index.jsp 页面。它监听 applicationCache 事件并转储事件类型。我使用“no-cache.jsp”JSP 请求不缓存 HTML。

<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
%><jsp:include page="no-cache.jsp" flush="true"
/><!DOCTYPE html>
<html manifest="1.cache.manifest.jsp">
<head>
<script>
var appCacheEvents = ["checking", "error", "noupdate", "downloading", "progress", "updateready", "cached", "obsolete"];

for (var i = 0; i < appCacheEvents.length; i++) {
applicationCache.addEventListener(appCacheEvents[i], function (evt) {
var el = document.getElementById("applicationCache-events");
el.innerHTML += "applicationCache " + evt.type + " event.<br/>";
}, false);
}
</script>
<script src="./cache-this.js.jsp"></script>
</head>
<body>
<div id="applicationCache-events"></div>
<div id="cache-this-output"></div>
</body>
</html>

“cache-this.js.jsp”是一些在加载时向页面添加一些文本的 javascript:

<%@page contentType="application/javascript; charset=UTF-8" pageEncoding="UTF-8"
%><jsp:include page="no-cache.jsp" flush="true"
/>// cache this
window.addEventListener("load", function (evt) {
var msg = "Script loaded " + new Date();
document.getElementById("cache-this-output").innerHTML = msg;
}, false);

这是第一次访问该站点时,那些有效的用户代理的输出:

applicationCache checking event.
applicationCache downloading event.
applicationCache progress event.
applicationCache progress event.
applicationCache cached event.
Script loaded Sun Feb 20 2011 13:22:33 GMT+0000 (GMT Standard Time)

随后的输出是:

applicationCache checking event.
applicationCache noupdate event.
Script loaded Sun Feb 20 2011 13:23:47 GMT+0000 (GMT Standard Time)

离线时(在 Firefox 中)我得到以下信息。请注意“错误”事件,但该应用程序确实可以离线工作(即使在我清除 HTTP 缓存之后)。

applicationCache checking event.
applicationCache error event.
Script loaded Sun Feb 20 2011 13:26:54 GMT+0000 (GMT Standard Time)

在我的 iPod Touch 上,除了“缓存”事件被“错误”事件取代外,我得到了相同的输出(与第一次访问时一样)。

为什么 iOS 最初无法缓存应用程序有什么想法吗?

最佳答案

当你收到错误时,你能看到你的状态返回了什么吗?这是我使用的一个类似功能,它会返回一些额外的变量,这些变量可能会帮助您解决问题:

var cacheStatusValues = [];
cacheStatusValues[0] = 'uncached';
cacheStatusValues[1] = 'idle';
cacheStatusValues[2] = 'checking';
cacheStatusValues[3] = 'downloading';
cacheStatusValues[4] = 'updateready';
cacheStatusValues[5] = 'obsolete';

var cache = window.applicationCache;
cache.addEventListener('cached', logEvent, false);
cache.addEventListener('checking', logEvent, false);
cache.addEventListener('downloading', logEvent, false);
cache.addEventListener('error', logEvent, false);
cache.addEventListener('noupdate', logEvent, false);
cache.addEventListener('obsolete', logEvent, false);
cache.addEventListener('progress', logEvent, false);
cache.addEventListener('updateready', logEvent, false);

function logEvent(e) {
var online, status, type, message;
online = (navigator.onLine) ? 'yes' : 'no';
status = cacheStatusValues[cache.status];
type = e.type;
message = 'online: ' + online;
message+= ', event: ' + type;
message+= ', status: ' + status;
if (type == 'error' && navigator.onLine) {
message+= ' (prolly a syntax error in manifest)';
}
console.log(message);
}

window.applicationCache.addEventListener(
'updateready',
function(){
window.applicationCache.swapCache();
console.log('swap cache has been called');
},
false
);

关于ios - HTML5 离线应用总是在 iPod Touch iOS 4.2.1 上发送 "error"事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5075744/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com