web离线应用_web应用包括什么

⑴ web应用有哪些

常见的计数器、留言版、聊天室和论坛BBS等，都是Web应用程序，不过这些应用相对比较简单，而Web应用程序的真正核心主要是对数据库进行处理，管理信息系统（Management Information System,简称MIS）就是这种架构最典型的应用。

MIS可以应用于局域网，也可以应用于广域网。基于Internet的MIS系统以其成本低廉、维护简便、覆盖范围广、功能易实现等诸多特性，得到越来越多的应用。

web开发就是我们说的做网站，它分为网页部分，和逻辑部分也就是我们说的前台与后台，前台负责与用户的交互，显示数据，用到HTML显示数据，CSS控制样式，JS编写复杂交互。后台编写处理这些逻辑的程序。可以用C#,java,vb.php等语言。

(1)web离线应用扩展阅读：

一、优点

1、网络应用程序不需要任何复杂的“展开”过程，你所需要的只是一个适用的浏览器；

2、网络应用程序通常耗费很少的用户硬盘空间，或者一点都不耗费；

3、它们不需要更新，因为所有新的特性都在服务器上执行，从而自动传达到用户端；

4、网络应用程序和服务器端的网络产品都很容易结合，如email功能和搜索功能；

5、因为它们在网络浏览器窗口中运行，所以大多数情况下它们是通过跨平台使用的 (例如Windows，Mac，Linux等等)

二、应用扩展

信息化，互联网，移动化，云计算的不断发展，使得公司的业务需求越来越多。

因此很多公司的页面因为缺乏高度的可扩展性，因而流失了大量的用户。如果你不希望重蹈这些公司的覆辙，你就急需要找到一条可以扩展自己web应用的途径。

对Web应用来说，扩展能力很重要，随着用户群和工作量的增加，处理器在增加，它应该能够进行扩展。对于Java应用来说，扩展更复杂，不只是简单的购买和安装20个新的处理器就可以的。

然而，Java平台能够也确实支持应用扩展，通过外围设备语言，例如Scala、Clojure和Groovy。利用JAVA编程语言，开发者很难使JAVA应用进行线性扩展。

另外，按需的云计算本质使得可扩展的Web应用程序融入到了各种规模的业务中。进入到这个领域不能说没有障碍，即使是很小的公司得到这类计算能力也很难，而且数据存储一度曾经只适用于企业级用户。

这使你得到想要的服务器空间，不仅比以往更便宜，而且更容易。云计算可以订购更多的资源，而且就像行车路过订购快餐一样方便。

⑵ 哪个网站用了HTML5离线Web应用

HTML5 离线功能介绍
HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web
领域的最新发展方向。在 HTML5
标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发
的支持。
在开发支持离线的 Web 应用程序时，开发者通常需要使用以下三个方面的功能：
离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程
序时，这些资源文件会自动加载，从而让用户正常使用。HTML5 中，通过 cache manifest
文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。
在线状态检测：开发者需要知道浏览器是否在线，这样才能够针对在线或离线的状态，做出对应的处理。在 HTML5 中，提供了两种检测当前网络是否在线的方式。
本地数据存储：离线时，需要能够把数据存储到本地，以便在线时同步到服务器上。为了满足不同的存储需求，HTML5 提供了 DOM Storage 和
Web SQL Database 两种存储机制。前者提供了易用的 key/value 对存储方式，而后者提供了基本的关系数据库存储功能。
尽
管 HTML5 还处于草稿状态，但是各大主流浏览器都已经实现了其中的很多功能。Chrome、Firefox、Safari 和 Opera
的最新版本都对 HTML5 离线功能提供了完整的支持。IE8 也支持了其中的在线状态检测和 DOM Storage 功能。下面将具体介绍
HTML5 离线功能中的离线资源缓存、在线状态检测、DOM Storage 和 Web SQL Database，最后通过一个简单的 Web
程序说明使用 HTML5 开发离线应用的方法。
回页首
离线资源缓存
为
了能够让用户在离线状态下继续访问 Web 应用，开发者需要提供一个 cache manifest
文件。这个文件中列出了所有需要在离线状态下使用的资源，浏览器会把这些资源缓存到本地。本节先通过一个例子展示 cache manifest
文件的用途，然后详细描述其书写方法，最后说明缓存的更新方式。
cache manifest 示例
我们通过 W3C 提供的示例来说明。Clock Web 应用由三个文件“clock.html”、“clock.css”和“clock.js”组成。
清单 1. Clock 应用代码

<!DOCTYPE HTML>
<html>
<head>
<title>Clock</title>
<script src="clock.js"></script>
<link rel="stylesheet" href="clock.css">
</head>
<body>
<p>The time is: <output id="clock"></output></p>
</body>
</html>

/* clock.css */
output { font: 2em sans-serif; }

/* clock.js */
setTimeout(function () {
document.getElementById('clock').value = new Date();
}, 1000);

当用户在离线状态下访问“clock.html”时，页面将无法展现。为了支持离线访问，开发者必须
添加 cache manifest 文件，指明需要缓存的资源。这个例子中的 cache manifest
文件为“clock.manifest”，它声明了 3
个需要缓存的资源文件“clock.html”、“clock.css”和“clock.js”。
清单 2. clock.manifest 代码
CACHE MANIFEST
clock.html
clock.css
clock.js

添加了 cache manifest 文件后，还需要修改“clock.html”，把 <html> 标签的 manifest 属性设置为“clock.manifest”。修改后的“clock.html”代码如下。
清单 3. 设置 manifest 后的 clock.html 代码

<!DOCTYPE HTML>
<html manifest="clock.manifest">
<head>
<title>Clock</title>
<script src="clock.js"></script>
<link rel="stylesheet" href="clock.css">
</head>
<body>
<p>The time is: <output id="clock"></output></p>
</body>
</html>

修改后，当用户在线访问“clock.html”时，浏览器会缓存“clock.html”、“clock.css”和“clock.js”文件；而当用户离线访问时，这个 Web 应用也可以正常使用了。
cache manifest 格式
下面说明书写 cache manifest 文件需要遵循的格式。
首行必须是 CACHE MANIFEST。
其后，每一行列出一个需要缓存的资源文件名。
可根据需要列出在线访问的白名单。白名单中的所有资源不会被缓存，在使用时将直接在线访问。声明白名单使用 NETWORK：标识符。
如果在白名单后还要补充需要缓存的资源，可以使用 CACHE：标识符。
如果要声明某 URI 不能访问时的替补 URI，可以使用 FALLBACK：标识符。其后的每一行包含两个 URI，当第一个 URI 不可访问时，浏览器将尝试使用第二个 URI。
注释要另起一行，以 # 号开头。
清单 4 的代码中给出了 cache manifest 中各类标识符的使用示例。
清单 4. cache manifest 示例代码
CACHE MANIFEST
# 上一行是必须书写的。

images/sound-icon.png
images/background.png

NETWORK:
comm.cgi

# 下面是另一些需要缓存的资源，在这个示例中只有一个 css 文件。
CACHE:
style/default.css

FALLBACK:
/files/projects /projects

更新缓存
应用程序可以等待浏览器自动更新缓存，也可以使用 Javascript 接口手动触发更新。
自动更新

浏览器除了在第一次访问 Web 应用时缓存资源外，只会在 cache manifest 文件本身发生变化时更新缓存。而 cache manifest 中的资源文件发生变化并不会触发更新。
手动更新

开发者也可以使用 window.applicationCache 的接口更新缓存。方法是检测
window.applicationCache.status 的值，如果是 UPDATEREADY，那么可以调用
window.applicationCache.update() 更新缓存。示范代码如下。
清单 5 手动更新缓存
if (window.applicationCache.status == window.applicationCache.UPDATEREADY)
｛
window.applicationCache.update();
｝

你可以去看看ITjob远标的网站，应该有做的，html5应用很强大

⑶ 我想用web页面版的离线百度地图应用，有解决方案吗

有。使用奥维互动地图浏览器，可以下载网络地图到电脑上，可以离线使用。

⑷ 如何使用下面的HTML5功能创建离线的网页和应用程序

在这篇文章中，我们将展示如何创建乖巧离线的网页和应用程序使用下面的HTML5功能：

AppCache本地存储文件资源，离线访问它们作为URL

索引型数据库存储结构化数据在本地，你可以访问和查询它

DOM存储在本地存储少量的文字信息，

离线事件来检测，如果你€ 重新连接到网络

离线的'蛋糕'这个词使用的食谱网站的搜索结果。

作为一个开发者，你可以使这些类型的场景相结合的离线技术：AppCache，索引型数据库，DOM存储，WebSockets的（或XHR）。在探索个人的技术，让我们的探讨的好处。

Metro风格的应用程序和网站，离线技术让你来处理连接故障。想象一下，您的用户填写一个表格，他失去网络连接。您的网站或Metro风格的应用程序应该怎么做呢？连接自由发展的心态可以让您的应用程序是否连接到网络或不正确地独立工作。你的应用程序将正常工作。

在更复杂的情况下，Web站点和应用程序允许用户创建新的内容，并存储新的数据，即使应用程序是完全脱机。试想一下，无缝地工作在脱机状态下，如Outlook今天的Outlook Web Access（OWA）的Hotmail或GMail。

离线技术也可以通过本地缓存的资源服务，预缓存将来信息和转移从云（或网络）到客户端设备的处理能力，提高整体性能。信息越多，你€™重新能够缓存在本地，在本地搜索，并计算在本地服务器和用户的体验将更快，需要更少的资源热转印机。

有一个Metro风格的应用程序离线工作的期望高于网站的脱机工作。因为他们使用从商店的自我包含的程序包部署，用户希望他们有某种类型的离线功能（如游戏，书籍，食谱等）。即使这些应用程序是无法创建或访问新的内容，以前的内容应该是可见的（例如联系人，会议，饲料，杂志等）。

本地缓存文件资源使用AppCache

AppCache使您能够创建长寿命的本地缓存下载的文件资源，资源可以访问而离线或使用的同时在线，以提高性能。试想一下，一个三岁的孩子使用一台笔记本电脑，下载一个交互式的Web的游戏（KidsBook）从您的家庭网络。如果应用程序的资源存储在本地，孩子可以继续在车上玩游戏，那里没有网络连接。

如果KidsBook使用AppCache，本场比赛将有缓存必要的资源（的JavaScript，HTML，CSS，音频，视频等）时，先下载后从网络上断开时，播放的游戏。这可以让孩子保持愉悦，即使设备本身没有网络连接。

AppCache创作流程。

要看到如何启用互动网页游戏脱机工作，检查出KidsBook的IE Test Drive网站上的例子。

AppCache使用一个manifest文件，以缓存的内容从网站上指定资源的URI。幕后发生后，浏览器显示网页，它允许在清单文件中定义的资源被下载的缓存。这保证了资源下载到本地机器上，作为一个单位在一个事务中，创建一个本地的缓存。如果一个单一的资源下载失败，没有创建高速缓存。要更新存储在缓存中的内容，在您的服务器更新清单文件。当用户下次访问该网站时，浏览器比较明显的服务器上的文件的缓存副本。如果缓存的舱单副本是不同的服务器副本，新版本更新清单文件中定义的内容高速缓存的使用。

AppCache还允许Internet Explorer和Metro风格的应用程序在脱机状态下使用传统的URL的访问缓存的资源。这可以让你在浏览器窗口中键入一个URL，并没有任何网络连接的情况下访问此信息。此外，脱机页可以解决的URI使用本地缓存的信息。代码示例来看看在HTML5应用程序缓存（“œAppCacheâ）部分中的IE10开发人员指南。

总体而言，AppCache提供了一定的优势HTTP的缓存。HTTP缓存没有吨保证缓存的资源之后将TIF（临时Internet文件）将被清除。此外，HTTP缓存没有€™吨正确地解决在脱机状态下的URL。然而，HTTP缓存可用于优化AppCache的行为，通过指定的缓存资源的生命周期。如果从网站上下载或复制的资源从缓存的本地高速缓存中创建一个新的版本时，这将决定。

Metro风格的应用可以受益于AppCache通过在本地缓存的Web资源的访问的页框，它允许脱机访问的内容。

高速缓存大型本地使用索引型数据库的结构化数据

索引型数据库是一个本地JavaScript对象存储在本地机器上的数据库，允许快速索引和搜索的对象。前面介绍的食谱网站，包括16食谱从父站点中提取的数据库。想象一下，用一个RSS feed，一个WebSocket或XHR连接的，定期更新这个数据库。这将使您的用户能够访问到最新的食谱，即使他们有没有网络连接。

索引型数据库，您可以直接操作和索引的JavaScript对象。使用索引型数据库搜索本地信息的优点是它不会强迫你总是在云中搜索，降低了计算成本。这是假设你€™重新能够维持，是缓存在本地系统中的数据的相关性。

⑸ html5的离线web应用的浏览器和服务器交互的过程要是没有缓存怎么办

html5的离线web应用的浏览器和服务器交互的过程要是没有缓存就需要每次交互都要实时接口调用，增加网络开销。
一、离线存储的作用
1、用户可离线访问应用，这对于无法随时保持联网状态的移动终端用户来说尤其重要
2、用户访问本地的缓存文件，通常意味着更快的访问速度
3、仅仅加载被修改过的资源，避免同一资源对服务器多次的请求，大大降低了对服务器的访问压力
二、实现离线存储
1、在html标签里通过manifest属性引用一个cache.manifest文件，该文件里声明了浏览器需缓存的所有资源文件，如下所示：
<!DOCTYPE html>
<html lang='cn' manifest='cache.manifest'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>离线缓存示例页面</title>

</head>

<body>

</body>


</html>
2、关于cache.manifest的定义
CACHE MANIFEST
# 注释：需要缓存的文件，无论在线与否，均从缓存里读取
chched.js
cached.css

# 注释：不缓存的文件，无论缓存中存在与否，均从新获取
NETWORK:
uncached.js
uncached.css

# 注释：获取不到资源时的备选路径，如index.html访问失败，则返回404页面
FALLBACK:
index.html 404.html

⑹ web应用包括什么

一个Web应用程序是由完成特定任务的各种Web组件（web components)构成的并通过Web将服务展示给外界。在实际应用中，Web应用程序是由多个Servlet、JSP页面、HTML文件以及图像文件等组成。所有这些组件相互协调为用户提供一组完整的服务。

(6)web离线应用扩展阅读

web应用缺点

1、网络应用程序强调浏览器的适用性。如果浏览器方没有提供特定的功能，或者弃用特定的平台或操作系统版本（导致不适用），就会影响大量用户；

2、网络应用依靠互联网远程服务器端的应用文件。因此，当连接出问题时，应用将不能正常使用。但是，如果使用HTML5 API，这些应用就可以被下载安装而可离线使用。

3、许多网络应用程序不是开源的，只能依赖第三方提供的服务，因此不能针对用户定制化、个性化，而且大多数情况下用户不能离线使用，因而损失了很多灵活性；

4、它们完全依赖应用服务商的可及性。如果公司倒闭，服务器停止使用，用户也无法追索以前的资料。对比而看，即使软件制造商倒闭了，传统的安装软件也可以继续运行，尽管不能再更新或有其他用户服务。

⑺ html5新增了离线缓存机制这说法对吗

这个不算是新增吧。

随着现代浏览器的推动，Flash放弃对移动端的支持，HTML5无疑成为当前Web前端炙手可热的话题。各大游戏开发商、App开发商纷纷投入人力进行研究和技术储备。相信不久的将来，HTML5会迎来一个快速发展和普及的春天。那么，HTML5这个新一代的标准，又给我们带来哪些缓存机制呢？

HTML5 之离线应用Manifest
我们知道，使用传统的技术，就算是对站点的资源都实施了比较好的缓存策略，但是在断网的情况下，是无法访问的，因为入口的HTML页面我们一般运维的考虑，不会对其进行缓存。HTML5的Cache Mainifest离线应用特性就能够帮助我们构建离线也能使用的站点，所有的资源都使用浏览器本地缓存，当然前提是要求在联网的情形下使用过一次站点。
如何实现离线访问特性
实现的步骤非常简单，主要3个步骤：
1）在服务器上添加MIME TYPE支，让服务器能够识别manifest后缀的文件
AddType text/cache-manifest manifest
2）创建一个后缀名为.manifest的文件，把需要缓存的文件按格式写在里面，并用注释行标注版本
CACHE MANIFEST
# 直接缓存的文件
CACHE:
Path/to/cache.js
# version：2012-03-20
3）给 <html> 标签加 manifest 属性，并引用manifest文件
具体可以参考：HTML5 缓存: cache manifest
<html manifest=”path/to/name-of.manifest”>
离线应用访问及更新流程
第一次访问离线应用的入口页HTML（引用了manifest文件），正常发送请求，获取manifest文件并在本地缓存，陆续拉取manifest中的需要缓存的文件
再次访问时，无法在线离线与否，都会直接从缓存中获取入口页HTML和其他缓存的文件进行展示。如果此时在线，浏览器会发送请求到服务器请求manifest文件，并与第一次访问的副本进行比对，如果发现版本不一致，会陆续发送请求重新拉取入口文件HTML和需要缓存的文件并更新本地缓存副本
之后的访问重复第2步的行为
离线机制的缓存用途
从Manifest的机制来看，即使我们不是为了创建离线应用，也同样可以使用这种机制用于缓存文件，可以说是给Web缓存提供多一种可以选择的途径。
存在的问题：缓存文件更新控制不灵活
就目前HTML5提供的manifest机制来讲，一个页面只能引用一个manifest页面，而且一旦发现这个manifest改变了，就会把里面所有定义的缓存文件全部重新拉取一遍，不管实际上有没有更新，控制比较不灵活。针对这个问题，也有的同学提出了一些建议，比如把需要缓存的文件分模块切分到不同manifest中，并分开用HTML引用，再使用强大的iframe嵌入到入口页面，这样就当某一个模式需要有更新，不会导致其他模块的文件也重新拉取一遍。

HTML5 之本地存储localstorage
HTML5给我们提供本地存储localstorage特性，严格来讲，其实已经不算传统Web缓存的范畴。因为它存储的地方是跟Web缓存分开的，是浏览器重新开辟的一个地方。
localstorage的作用
本地存储localstorage的作用主要使Web页面能够通过浏览器提供的set/get接口，存储一些自定义的信息到本地硬盘，并且在单次访问或以后的访问过程中随时获取或修改。
Localstorage的使用
Localstorage提供了几个非常易用的Api，setItem/getItem/removeItem/clear，具体的可以参考：Html5 Step by Step(二) 本地存储
Localstorage的缓存用途
Localstorage设计的本意可能是用来存储一些用户操作的个性化设置的文本类型的信息和数据，当我们其实也可能拿来当Web缓存区使用，比如我们可以将Base64格式编码的图片信息，存在localstorage中，再次访问时，直接本地获取后，使用Css3的Data:image的方式直接展现出来。
存在的问题：大小限制
按照目前标准，目前浏览器只给每个独立的域名提供5m的存储空间，当存储超过5m，浏览器就会弹出警告框。

可以说，HTML5的Manifest和localstorage是给我们在考虑Web缓存的时候提供了多一种思路，当你开发的应用只面对现代浏览器的时候，不妨可以考虑一下

web离线应用

与web离线应用相关的内容