问题标签 [offline-web-app]

我用 HTML5 开发了一个应用程序。我想知道如何制作快捷方式/访问点 URL 图标来访问我的离线页面。

I'm very very new in HTML and JavaScript development.

My goal is to develop a WebWorks Playbook app, but as it is identical to an Offline HTML5 app I ask this:

I want to read an XML file using JavaScript. Because it is an Offline application I don't know how to get access to XML file.

Do you know how can I get access to this XML file?

And then, how can I read it? May I use jQuery?

我在http://app.bluedot.mobi有一个 HTML5/jquery 移动网络应用程序。它用于长距离比赛，通过 SPOT 卫星跟踪来跟踪竞争对手。我尚未解决的问题是，在不存在数据连接的情况下加载应用程序时，浏览器会在检查事件期间尝试获取清单时抛出“无数据连接”警报弹出窗口。即使存在数据连接，加载应用程序也可能需要很长时间。有大约 500 个文件要检查。加载应用程序（从手机）的最快方法是处于飞行模式并关闭浏览器的警报 - 不是那么优雅。

我不想对那些往往在偏远地区连接不稳定的用户强制进行更新，而是想以编程方式使用 applicationCache.update()，让用户控制该过程并加速应用程序加载（无论是在线还是离线）。

HTML5 规范和相应的浏览器实现目前是否可以做到这一点？

我正在使用 HTML5 和 SenchaTouch 为 iPad 编写一个网络应用程序。该应用程序使用缓存清单离线运行。一旦它被添加到主屏幕并在没有 Safari 的情况下打开，它会在每次打开时自行刷新，即使只是导航到主屏幕并返回。期望的行为是离开应用程序，做其他事情，然后回到应用程序，一切都保持不变。

可以在此处找到显示相同（不希望的）行为的类似应用程序的示例：http: //ignitedmediadesign.com/WebApp/index.html

我读过使用缓存清单应该可以解决 iPhone 上的这个问题（http://www.stevesouders.com/blog/2011/06/28/lack-of-caching-for-iphone-home-screen-apps / )，但似乎对 iPhone 或 iPad 都没有效果。

还有其他方法可以解决这个问题吗？缓存清单文件有什么秘密可以阻止我可能错过的吗？

我正在阅读有关 HTML5 的应用程序缓存清单的详细信息（尤其是来自这篇出色的文章）。我很好奇这个想法是否可行：

我们将所有静态资源（脚本、css、字体、图像）托管在子域内的 CDN 上（例如，cdn.example.com 和应用程序位于 www.example.com）。是否也可以在 CDN 上托管应用缓存清单？例如，

如果是，清单列表是否可以来自 CDN 根目录？例如，在清单中：

有没有人有这方面的经验和/或知道任何警告？

编辑： WHATWG 规范的工作草案说“离线应用程序缓存清单可以使用绝对路径甚至绝对 URL ”，然后显示了一个带有图像 CDN URL 的示例。

我的任务是让我公司的 Web 应用程序可以离线使用。在进入实际开发阶段之前，我想确定我当前的策略不会失败。

我首先考虑使用 html5 应用程序缓存，但在做了一些测试后，我发现它似乎没有缓存服务器端操作，而是渲染的实际 html（如果我错了，请纠正我）。这将不起作用，因为呈现的 html 取决于当前登录的人。从我的测试中，它总是呈现 html，就好像最后一个登录（在线）的人正在登录一样。

我目前的策略是这样的：我只缓存登录页面和一个离线 (.html) 页面，以对应需要离线使用的每个 aspx 页面。每次成功登录（在线）都会创建或更新 Web SQL 数据库或 IndexDB（取决于浏览器），其中包含该人离线操作所需的所有数据，包括将用于登录凭据的表。这样，离线登录的唯一要求是使用您的登录凭据登录至少一次。

我担心的是我把它复杂化了。为了完成这项工作，我需要为每个当前页面（很多页面）创建一个 html 页面，并且我必须用 JavaScript 重写当前在服务器上完成的所有内容，包括验证、数据库调用、填充控件例如下拉列表和数据网格等。此外，我将来更改的所有内容都需要后续离线更改。

对于我正在尝试做的事情，我是否有一个既定的最佳实践，我正在忽略或者我正在冒险进入新领域？

所以我了解了清单文件的工作原理，并且我从 Chrome 开发者控制台的网络选项卡中获取了我需要的所有资源。当我关闭服务器并离线运行网页时，它可以工作。但在第一次刷新页面后出现错误 HTTP 错误 404。未找到请求的资源。我检查丢失了什么文件，它是网页的文本/html，当我检查标题时

更新

因此，似乎在我刷新页面后，我在 appcache 中的所有内容都消失了。它与Cache-Control：max-age = 0有关吗，我在网上阅读了一些东西，它说它类似于no-cache。那是对的吗？

似乎当我尝试离线启动页面时，它说缓存已过时

如果清单包含的文件太大或累积太大，或者存在网络问题，缓存将失败。是否有代码可以可靠地使用以仍然工作的后备方法？

例如，页面是否可以使用 JavaScript 加载文件并将它们放入本地数据库（indexedDB 或 websql）？还是页面本身仍然没有缓存？似乎任何失败都是灾难性的。

我创建了一个离线 Web 应用程序，它在远程 chrome 调试控制台中显示为正确缓存所有文件，并显示它可以正确离线。清单中列出的视频显示为下载到缓存中，但是当我打开飞行模式并尝试播放时，它显示一个空视频。

如何让视频离线播放？

缓存清单

清单的 HTML 链接

有没有办法做到这一点？

i was searching for a way to zoom for both text and picture in my layout. according to some questions web view is a easy way to do it. after a while i found this code for webview:

i tried to use file:/// instead of http:// so i used this path:

it seems its working fine for me, but i have some serious problems.

here is my problems:

1. is this path i am using is works for all other android devices?
2. i dont know how to extract html files for the first run in to that path i am using.
3. is there anyway to load the files from assets?
4. what is the source code for extract files in first run?
5. can i use other formats like pdf or doc instead of html? if i couldnt what should i change in the source code?

thank guys for helping me. should i give up or continue this idea?