如何离线浏览网页,支持离线web的应用程序需要完成哪几项?

　　今天的内容是关于如何创建一个离线web应用程序。它的优点是允许浏览器下载我们指定的网页资源，这样用户即使离线也能正常使用我们的网站。

　　1.定义Manifest

　　我们使用manifest来列出需要离线访问的资源。它本身就是一个文本类型的文件，第一行往往是CACHE MANIFEST，然后列出我们需要的资源，每行一个。文件没有固定的命名规则，也没有后缀名称的要求。唯一的要求是后缀名称需要在服务器端的文本/缓存清单的MIME类型中定义。

　　如果是iis 7服务器，按照下面的步骤:

　　1.例如，带有后缀。appcache，打开iis7，选择根节点(这样所有站点都会继承配置，也可以针对单个站点进行配置)；

　　2.双击右边的MIME类型；

　　3.右键单击以添加MIME类型，这样就完成了配置。

　　配置好服务器后，添加清单文件。复制代码如下：

　　缓存清单

　　manifestFile.html

　　img/1.jpg

　　img/2.jpg

　　Img/3.jpg然后我们来看下面这个例子。复制代码如下：

　　！声明文档类型

　　html manifest= manifest . app cache

　　头

　　标题示例/标题

　　风格

　　图片

　　{

　　边框：中双黑；

　　填充：5px

　　保证金：5px

　　}

　　/风格

　　/头

　　身体

　　img alt= id= img target src= img/1 . jpg /

　　差异

　　按钮id=1car1/button

　　按钮id=2car2/button

　　按钮id=3car3/button

　　/div

　　脚本

　　var buttons=document . getelementsbytagname( button )；

　　for(var I=0；I按钮。长度；i ) {

　　按钮[i]。onclick=handleButtonPress

　　}

　　功能手柄按钮按(e) {

　　document . getelementbyid( img target )。src=img/ e.target.id 。jpg ；

　　}

　　/脚本

　　/body

　　/html

　　运行程序。根据浏览器的不同，有些浏览器会询问您是否允许在本地保存脱机数据，而有些则不会。创建了这样一个简单的脱机应用程序。2.疑惑解答

　　我在学习这部分知识的时候也遇到了一些问题和疑惑，比如：

　　1.为什么我直接运行vs2010(我的开发环境)，离线应用无法正常运行？

　　2.如何知道脱机应用程序是否创建成功？

　　3.如何知道当前应用程序是否脱机？

　　4.挂起iis服务后，我应该处于脱机状态。为什么我再次刷新页面时必须报告404错误？

　　现在，我来回答一下我遇到的这些问题。

　　2.1.先解释第一个问题。在这个问题上，重点是如何配置你的应用web配置项。如果你使用的是vs开发服务器，那么我们就无法为它设置MIME类型，所以在这种情况下，我们的离线应用就无法使用了。剩下的两种web配置方法，只要你按照我上面介绍的MIME类型配置方法正确配置iis服务器，你的离线应用就可以正常运行。

　　2.2.第二个问题解释如下。这里需要使用chrome浏览器，借助其调试工具打开我们的web程序。按F12并切换到资源选项卡。只要应用缓存下有我们的配置信息，并且可以找到缓存的文件，就证明我们的离线应用已经创建成功。

　　2.3.还是用chrome的调试工具，或者在资源选项卡上。注意红线被圈起来的地方了吗？在线就是在线的意思。

　　拔下网线，显示离线，表示离线。这时候离线申请的效果就可以显现出来了。

　　2.4.关于最后一个问题，我们还是要求助于chrome浏览器的调试工具。当我们暂停iis服务时，我们看资源选项卡的显示，它仍然在线，但它在后面从空闲变为过时。这就解释了为什么当本地iis挂起时，离线应用的离线效果无法显示。

　　这一节到此结束。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。