CN103473082A - 一种启动WebApp的方法及装置 - Google Patents

Abstract

本发明公开了一种启动WebApp的方法及装置，属于计算机领域。所述方法包括：接收用户发出的启动WebApp的命令；获取并运行所述WebApp所对应的HTML代码；通过所述HTML代码获取所述用户启动所述WebApp的方式；当所述用户为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动所述WebApp时，运行所述HTML代码中用于全屏显示的meta标签。本发明预先建立在终端的主屏幕上的快捷方式启动WebApp，并全屏显示该WebApp，用户无需输入网址即可访问WebApp，使得WebApp在保持自身兼容性好、便捷、无需安装的特点的同时，还能够达到与NativeApp相同的操作性和显示效果。

Description

一种启动WebApp的方法及装置

技术领域

本发明涉及计算机领域，特别涉及一种启动WebApp的方法及装置。

背景技术

WebApp（网页应用）是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能。例如，从一个简单的帮助消费者计算汽车租借费用的网页，到为商业人员和度假者提供全套旅游服务的大型复杂的WEB站点，都是WebApp。用户通过在浏览器中输入网址，即可访问WebApp并进行应用。目前，随着HTML（Hypertext Markup Language，超文本标记语言）5的提出，HTML 5提供了一些新的原素和属性，可以使得WebApp的功能更加强大。

NativeApp（本地应用）位于终端的平台层上方，用户可通过下载平台获取NativeApp，NativeApp为安装于终端中的软件，例如在苹果手机平台上，用户可通过App store挑选自己喜欢的应用程序，并下载到本地进行安装，安装后会主屏幕商上建立快捷方式，用户随时可通过点击进入应用。

以上WebApp和NativeApp是目前在终端，尤其是移动终端中提供应用的两种方式。WebApp由于通过浏览器即可进行访问，因此具有兼容性好、便捷、无需安装的特点。NativeApp多为针对特定平台进行开发，因此灵活性很好。

但是，同是由于HTML5的类应用必须运行在浏览器中，因此基于HTML5开发得到的WebApp会受到浏览器本身的一些限制，例如包括不能够达到全屏的效果、用户必须通过输入WebApp的网址才能进行访问，使得WebApp的可操作性和显示效果仍不及NativeApp。

发明内容

为了解决现有技术中WebApp相对于NativeApp的可操作性和显示效果较差的问题，本发明实施例提供了一种启动WebApp的方法及装置。所述技术方案如下：

一方面，提供了一种启动WebApp的方法，所述方法包括：

接收用户发出的启动WebApp的命令；

获取并运行所述WebApp所对应的HTML代码；

通过所述HTML代码获取所述用户启动所述WebApp的方式；

当所述用户启动所述WebApp的方式为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动所述WebApp时，运行所述HTML代码中用于全屏显示的meta标签；

其中，所述meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及设置所述WebApp的画面与所述终端的屏幕的大小相同。

另一方面，提供了一种用于启动WebApp的装置，所述装置包括：

接收模块，用于接收用户发出的启动WebApp的命令；

代码获取模块，用于获取并运行所述WebApp所对应的HTML代码；

启动方式获取模块，用于通过所述HTML代码获取所述用户启动所述WebApp的方式；

第一运行模块，用于当所述启动方式获取模块得到所述用户启动所述WebApp的方式为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动所述WebApp时，运行所述HTML代码中用于全屏显示的meta标签；

其中，所述meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及设置所述WebApp的画面与所述终端的屏幕的大小相同。

本发明实施例提供的技术方案带来的有益效果是：通过预先建立在终端的主屏幕上的快捷方式启动WebApp，并全屏显示该WebApp，使得用户无需输入网址即可访问WebApp，使得WebApp在保持自身兼容性好、便捷、无需安装的特点的同时，还能够达到与NativeApp相同的操作性和显示效果。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例1提供的一种启动WebApp的方法的流程图；

图2是本发明实施例2提供的一种启动WebApp的方法的流程图；

图3是本发明实施例3提供的一种用于启动WebApp的装置的结构示意图；

图4是本发明实施例3提供的一种用于启动WebApp的装置的第二种结构示意图；

图5是本发明实施例3提供的一种用于启动WebApp的装置中的创建模块的结构示意图；

图6是本发明实施例3提供的一种用于启动WebApp的装置中的创建模块的第二种结构示意图；

图7是本发明实施例3提供的一种用于启动WebApp的装置的第三种结构示意图；

图8是本发明实施例3提供的一种用于启动WebApp的装置的第四种结构示意图；

图9是本发明实施例3提供的一种用于启动WebApp的装置的第五种结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例1

如图1所示，本实施例提供了一种启动WebApp的方法，可通过改变WebApp所对应的代码，从而使得用户访问WebApp时发生流程上的改变进行实现，具体包括如下步骤：

101、接收用户发出的启动WebApp的命令；

102、获取并运行WebApp所对应的HTML代码；

103、通过HTML代码获取用户启动WebApp的方式；

104、当用户为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动WebApp时，运行HTML代码中用于全屏启动的meta标签。

其中，meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及用于缩放WebApp的页面，使缩放后的WebApp的页面与终端的屏幕大小相同。

本实施例提供了一种启动WebApp的方法，可通过预先建立在终端的主屏幕上的快捷方式启动WebApp，并全屏显示该WebApp，用户无需输入网址即可访问WebApp，使得WebApp在保持自身兼容性好、便捷、无需安装的特点的同时，还能够达到与NativeApp相同的操作性和显示效果。

实施例2

本发明实施例提供了一种启动WebApp的方法，可通过改变WebApp所对应的HTML代码，从而使得用户访问WebApp时发生流程上的改变进行实现，不需要在改进用户所使用的终端或浏览器，即可达到提高WebApp的用户体验的效果。

在本实施例中，以在苹果移动系统下为例进行说明，所使用的终端可以为iPhone手机或Ipad平板电脑为例，且使用的浏览器为Safari为例。

参见图2，一种启动WebApp的方法，具体包括如下步骤：

201、用户发出启动WebApp的命令；

202、判断WebApp所对应的HTML代码是否需要升级，如果是，执行步骤203，如果不是，执行步骤204；

203、根据WebApp的网址由服务器下载升级后的WebApp所对应的HTML代码，执行步骤205；

204、在本地缓存中读取WebApp所对应的HTML代码，执行步骤205；

需要说明的是，为了加快WebApp的访问速度或节省网络流量，当用户运行过WebApp后，则可选的将WebApp所对应的HTML代码保存在终端本地的缓存中，在用户再次进行访问该WebApp时，如果该WebApp并未进行升级或更新，即可直接读取该WebApp所对应的HTML代码。

205、运行该WebApp所对应的HTML代码，判断用户是否为第一次访问该WebApp，如果不是，执行步骤206，如果是，执行步骤209；

其中，判断用户是否为第一次访问该WebApp的方法，具体为：

在本地缓存中，读取预设的标志位，根据该标志位判断用户是否为第一次访问该WebApp。

进一步地，当用户第一次访问WebApp后，则在浏览器的本地缓存中，写入标志位，具体的可以通过如下代码实现：

window.localStorage.setItem("firtEnterGame","false");

当下次进入WebApp时，首先从缓存中读取标志位，并判断用户是否已经看过新手提示，如果是，则不再展示该提示，否则，需要向用户展示如何将WebApp添加到桌面快捷方式。

判断是否需要对用户进行首次提示，具体地可以通过如下代码实现：

var isFirtEnterGame=window.localStorage.getItem("firtEnterGame")。

206、通过运行HTML代码判断用户启动该WebApp的方式，如果是屏幕启动模式，执行步骤207，如果是浏览器启动模式，执行步骤208；

需要说明的是，在本实施例中，用户可通过两种模式启动WebApp：

第一种，屏幕启动模式，具体的为：

用户通过预先建立在终端的主屏幕上的WebApp的快捷方式启动该WebApp。

第二种，浏览器启动模式，具体的为：

用户通过在浏览器输入WebApp所对应的网站启动该WebApp。

进一步地，通过运行HTML代码判断用户启动该WebApp的方式，具体包括：

向终端的操作系统发送获取WebApp的启动模式的请求，并根据操作系统返回的响应得到用户启动该WebApp的方式。

具体地，可通过在WebApp所对应的HTML代码中，调用函数getItem（）向操作系统获取WebApp的启动模式。

207、运行HTML代码中用于全屏启动的meta标签，全屏显示WebApp的画面，结束操作。

需要说明的是，在HTML代码中存在用于全屏显示的meta标签，浏览器通过解析meta标签，可按照meta标签中设定的效果显示WebApp的画面，在meta标签中至少存在用于指示隐藏浏览器的工具栏和菜单栏的标签，以及用于设置所述WebApp的画面与终端的屏幕大小相同的meta标签。

通过运行HTML代码中用于全屏启动的meta标签可以使得在终端显示WebApp的画面时，为全屏显示，使得WebApp可以达到与NativeApp相同的体验效果。

具体地，在本实施例中，在meta标签中的设定，具体包括：

1.设置隐藏浏览器的工具栏和菜单栏：

<meta name="apple-mobile-web-app-capable"content="yes"/>

在meta标签中，将“apple-mobile-web-app-capable”的值设置为“yes”，即可完成隐藏浏览器的工具栏和菜单栏。

2.设置WebApp的启动画面：

<link rel="apple-touch-startup-image"href＝"img/splash.png"/>

其中，"img/splash.png"为启动画面的图片地址，为了使得启动画面可以撑满全屏，例如，在iPhone上需将该启动画面的图片设置为320px*460px，若在iPad上则设置为1024px*768px，使得启动画面的大小与终端的屏幕大小相同。

3．设置状态栏：

需要说明的是，在苹果平台下，状态栏不属于浏览器的组成部分，苹果操作系统默认强制要求显示状态栏，以使得用户可以随时看到终端的电量、无线信号强度等，因此，可采取如下三种方式进行设置：

（1）将状态栏设置为透明，以使得用户看到WebApp为全屏：

<meta name="apple-mobile-web-app-status-bar-style"content="black=translucent"/>

其中，“apple-mobile-web-app-status-bar-style”用于设置状态栏的显示效果，当设置为"black-translucent"，显示为透明色。

（2）将状态栏设置为灰色渐变的效果：

<meta name="apple-mobile-web-app-status-bar-style"content="default"/>

其中，将“apple-mobile-web-app-status-bar-style”设置为"default"，即可完成状态栏的灰色渐变效果。

（3）将状态栏设置为黑色：

<meta name="apple-mobile-web-app-status-bar-style"content="black"/>

同上述两种设置模式，将“apple-mobile-web-app-status-bar-style”设置为"black"，即可完成状态栏的黑色显示效果，一般来说，这是最佳的选择，使得用户可以随时了解终端的状态。

208、在浏览器的页面区域上显示WebApp的画面，结束操作。

需要说明的是，为了给用户以良好的体验，当用户通过浏览器启动模式运行WebApp时，默认为通过浏览器的页面区域显示WebApp的画面，不进行全屏。

进一步地，在用户需求任意启动模式均全屏显示的情况下，也可按照步骤207所述的方法，使WebApp的画面进行全屏显示。

进一步地，为了使得浏览器的页面区域能够将游戏画面显示完全，不存在死角，本方法还可以包括：

在WebApp所对应的HTML代码中通过设置meta完成WebApp的画面的缩放控制。

具体地，利用meta标签告诉终端显示WebApp画面的宽度、高度、最小缩放值、最大缩放值和初始缩放值，以及用户是否有放大和缩小的权限。

（1）进行WebApp的画面的缩放控制的meta标签，以iPad为例进行说明，具体如下：

<meta name="viewport"content="width=device-width,initial-scale=2.3,user-scalable=no"/>

或，

<meta name="viewport"content="width=device-width,initial-scale=2.3,minimum-scale=1,maximum-scale=5"/>

其中，device-width为iPad的浏览器的页面的显示区域的宽度。

需要说明的是，meta标签中的viewport:用于把WebApp放在一个虚拟的“窗口”(viewport)中，也就是浏览器中用于显示WebApp的页面区域，可以解释为视口、视觉窗口或可视区域。对于浏览器而言，viewport就是除去了所有工具栏、状态栏、滚动条等之后的页面区域。viewport中可以操作的属性包括：Width---viewport的宽度；height---viewport的高度；initial-scale初始缩放比例（范围：从>0到10）；minimun-scale允许用户缩放到的最小比例maximum-scale允许用户缩放到的最大比例；User-scale用户是否可以收到缩放。

对于上述viewport的属性，下面是所有可用的选项：

width–Width of viewport in pixels.：宽度-视口的宽度，以像素为单位，默认值：980，范围：200-10,000；

height–Height of viewport in pixels.：高度-视口的高度，以像素为单位，默认值：根据页面区域的长宽比例计算得到，范围：223–10000；

initial-scale–The initial scale of the viewport：最初的规模-视口的初始规模，默认值：根据浏览器的显示区域的面积计算得到，使得可以适应网页，范围依靠最小规模和最大规模的计算得到；

minimum-scale–The minimum scale of viewport.：最小规模-视口的最低规模，默认值为0.25范围为0–10；

maximum-scale–The maximum scale ofviewport：最大规模的-视口的最大规模，默认值为1.6，取值范围为0–10；

user-scalable–Whether the user can zoom in and out：用户可扩展性-无论用户可以放大和缩小，取值为yes或no。

（2）进行WebApp的画面的缩放控制的meta标签，以iPhone为例进行说明，具体如下：

<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

同上，device-width为iPhone的浏览器的页面区域的宽度。

对于iPhone上的viewport的属性，下面是所有可用的选项：

width：viewport的宽度，默认值：980，取值范围：200-10,000

height：viewport的高度，默认值：根据页面区域的长宽比例计算得到，范围：223–10000；

initial-scale：初始的缩放比例默认值：根据浏览器的显示区域的面积计算得到，使得可以适应网页，范围依靠最小规模和最大规模的计算得到；

minimum-scale：允许用户缩放到的最小比例，默认值：0.25，范围：0–10；

maximum-scale：允许用户缩放到的最大比例，默认值：1.6，范围：0–10；

user-scalable-用户是否可以手动缩放，默认值为“yes”，可选选项：yes或no。

209、在浏览器的页面区域显示WebApp的画面，并提示用户在主屏幕上为该WebApp建立快捷方式，结束操作。

进一步地，为了使得用户可以为WebApp在主屏幕中设置快捷方式，还需要在代码中为快捷方式设置名称、图标和显示效果等。

在本实施例中，具体的可以为：

（1）设置WebApp设置快捷方式的名称

本步骤是设置WebApp对应在主屏幕和状态栏上的名称，通过更改名称标签进行设定，具体如下：

<!--Page Title-->

<title>欢乐斗地主</title>，用于设置题目名称。

<meta http-equiv="Content-Type"content="text/html;charset=UTF-8"/>

上述meta标签用于设置图标文字编码字符集，在本实施例中，采用UTF8编码方式。

（2）设置快捷方式的图标：

首先，设置图标的大小，例如，如果该图标展示在iPad主屏幕上，可设置为114*114；

其次，设置图标的显示效果，并且，有两个选项来设置这个图标。

第一个是为图标添加圆角，具体如下：

<link rel="apple-touch-icon-precomposed"href＝"img/icon.png"/>

第二个是为图标设置光泽，具体如下：

<link rel="apple-touch-icon"href＝"img/icon.png"/>

进一步地，在提示用户是否创建快捷方式之前，还可以包括：

判断当前使用的浏览器是否支持在主屏幕上位WebApp创建快捷方式的功能的浏览器，如果是，则提示用户是否创建快捷方式，并调用浏览器的用于创建快捷方式的接口为WebApp创建快捷方式，如果不是，则不能创建快捷方式，不提示用户是否创建快捷方式。

在本实施例中，优选地使用Safari浏览器，具体的判断方法如下：

向浏览器发送询问浏览器名称的请求，并根据浏览器返回的响应消息判断当前浏览器是否为Safari浏览器。

在本实施例中，具体的可通过函数window.navigator.userAgent获取浏览器返回的响应消息，当响应消息中包括Safari时，即认为当前浏览器为Safari浏览器。

本实施例提供了一种启动WebApp的方法，可通过预先建立在终端的主屏幕上的快捷方式启动WebApp，并全屏显示该WebApp，用户无需输入网址即可访问WebApp，使得WebApp在保持自身兼容性好、便捷、无需安装的特点的同时，还能够达到与NativeApp相同的操作性和显示效果。

实施例3

参见图3，本发明实施例提供了一种用于启动WebApp的装置，该装置包括：

接收模块301，用于接收用户发出的启动WebApp的命令；

代码获取模块302，用于获取并运行WebApp所对应的HTML代码；

启动方式获取模块303，用于通过HTML代码获取用户启动WebApp的方式；

第一运行模块304，用于当启动方式获取模块303得到用户启动WebApp的方式为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动WebApp时，运行HTML代码中用于全屏显示的meta标签；

其中，meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及设置WebApp的画面与终端的屏幕的大小相同。

进一步地，如图4所示，该装置还包括：

创建模块305，用于在接收模块301接收用户发出的启动WebApp的命令之前，在终端的主屏幕上创建WebApp的快捷方式。

进一步地，如图5所示，创建模块305，具体包括：

请求单元3051，向浏览器发送询问浏览器名称的请求；

第一判断单元3052，用于根据浏览器返回的响应消息判断浏览器是否为预设的第一浏览器；

创建单元3053，用于当第一判断单元3052判断得到浏览器为第一浏览器时，通过浏览器在终端的主屏幕上创建WebApp的快捷方式；

其中，第一浏览器为具有支持为WebApp设置快捷方式的浏览器。

进一步地，如图6所示，创建模块305还包括：

读取单元3054，用于在创建单元通过浏览器在终端的主屏幕上创建WebApp的快捷方式之前，读取本地缓存的标识，标识用于标记用户是否为第一次访问WebApp；

第二判断单元3055，用于根据标识判断用户是否为第一次访问WebApp；

提示单元3056，用于当第二判断单元3055判断得到用户为第一次访问WebApp时，提示用户是否在终端的主屏幕上为WebApp创建快捷方式。

进一步地，如图7所示，该装置还包括：

快捷方式设置模块306，用于在创建模块305终端的主屏幕上创建WebApp的快捷方式之前，在HTML代码中设置快捷方式的名称、图标和图标的显示效果。

进一步地，如入8所示，该装置还包括：

判断模块307，用于在代码获取模块302获取并运行WebApp所对应的HTML代码之前，判断WebApp所对应的HTML代码是否需要升级。

进一步地，代码获取模块302，包括：

第一获取单元，用于当判断模块307判断得到WebApp所对应的HTML代码需要升级时，由WebApp所对应的网址获取升级后的HTML代码，并运行升级后的HTML代码；

第二获取单元，用于当判断模块307判断得到WebApp所对应的HTML代码不需要升级时，由本地缓存中读取WebApp所对应的HTML代码，并运行该WebApp所对应的HTML代码。

进一步地，如图9所示，该装置还包括：

第二运行模块308，用于当启动方式获取模块303得到用户启动WebApp的方式为通过浏览器输入网址的方式访问WebApp时，根据在HTML代码中预先设置的缩放控制标签，在浏览器的页面区域显示WebApp的画面。

本实施例提供了一种用于启动WebApp的装置，可通过预先建立在终端的主屏幕上的快捷方式启动WebApp，并全屏显示该WebApp，用户无需输入网址即可访问WebApp，使得WebApp在保持自身兼容性好、便捷、无需安装的特点的同时，还能够达到与NativeApp相同的操作性和显示效果。

需要说明的是：上述实施例提供的用于启动WebApp的装置在访问WebApp时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的启动WebApp的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (16)

1.一种启动WebApp的方法，其特征在于，所述方法包括：

接收用户发出的启动WebApp的命令；

获取并运行所述WebApp所对应的HTML代码；

通过所述HTML代码获取所述用户启动所述WebApp的方式；

当所述用户启动所述WebApp的方式为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动所述WebApp时，运行所述HTML代码中用于全屏显示的meta标签；

其中，所述meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及设置所述WebApp的画面与所述终端的屏幕的大小相同。

2.根据权利要求1所述的方法，其特征在于，所述接收用户发出的启动WebApp的命令之前，所述方法还包括：

在所述终端的主屏幕上创建所述WebApp的快捷方式。

3.根据权利要求2所述的方法，其特征在于，所述在所述终端的主屏幕上创建所述WebApp的快捷方式，包括：

向所述浏览器发送询问浏览器名称的请求；

根据所述浏览器返回的响应消息判断所述浏览器是否为预设的第一浏览器；

当所述浏览器为所述第一浏览器时，通过所述浏览器在所述终端的主屏幕上创建所述WebApp的快捷方式；

其中，所述第一浏览器为具有支持为WebApp设置快捷方式的浏览器。

4.根据权利要求3所述的方法，其特征在于，所述通过所述浏览器在所述终端的主屏幕上创建所述WebApp的快捷方式之前，所述方法还包括：

读取本地缓存的标识，所述标识用于标记所述用户是否为第一次访问所述WebApp；

根据所述标识判断所述用户是否为第一次访问所述WebApp；

当所述用户为第一次访问所述WebApp时，提示所述用户是否在所述终端的主屏幕上为所述WebApp创建快捷方式。

5.根据权利要求2所述的方法，其特征在于，所述在所述终端的主屏幕上创建所述WebApp的快捷方式之前，所述方法还包括：

在HTML代码中设置所述快捷方式的名称、图标和所述图标的显示效果。

6.根据权利要求1所述的方法，其特征在于，所述获取并运行所述WebApp所对应的HTML代码之前，所述方法还包括：

判断所述WebApp所对应的HTML代码是否需要升级。

7.根据权利要求6所述的方法，其特征在于，所述获取并运行所述WebApp所对应的HTML代码，包括：

当所述WebApp所对应的HTML代码需要升级时，由所述WebApp所对应的网址获取升级后的HTML代码，并运行所述升级后的HTML代码；

当所述WebApp所对应的HTML代码不需要升级时，由本地缓存中读取所述WebApp所对应的HTML代码，并运行所述WebApp所对应的HTML代码。

8.根据权利要求1所述的方法，其特征在于，当所述用户启动所述WebApp的方式为通过浏览器输入网址的方式访问所述WebApp时，所述方法还包括：

根据在所述HTML代码中预先设置的缩放控制标签，在所述浏览器的页面区域显示所述WebApp的画面。

9.一种用于启动WebApp的装置，其特征在于，所述装置包括：

接收模块，用于接收用户发出的启动WebApp的命令；

代码获取模块，用于获取并运行所述WebApp所对应的HTML代码；

启动方式获取模块，用于通过所述HTML代码获取所述用户启动所述WebApp的方式；

第一运行模块，用于当所述启动方式获取模块得到所述用户启动所述WebApp的方式为通过预先建立在终端的主屏幕上的WebApp的快捷方式启动所述WebApp时，运行所述HTML代码中用于全屏显示的meta标签；

其中，所述meta标签用于指示隐藏浏览器的工具栏和菜单栏，以及设置所述WebApp的画面与所述终端的屏幕的大小相同。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

创建模块，用于在所述接收模块接收用户发出的启动WebApp的命令之前，在所述终端的主屏幕上创建所述WebApp的快捷方式。

11.根据权利要求10所述的装置，其特征在于，所述创建模块，具体包括：

请求单元，向所述浏览器发送询问浏览器名称的请求；

第一判断单元，用于根据所述浏览器返回的响应消息判断所述浏览器是否为预设的第一浏览器；

创建单元，用于当所述第一判断单元判断得到所述浏览器为所述第一浏览器时，通过所述浏览器在所述终端的主屏幕上创建所述WebApp的快捷方式；

其中，所述第一浏览器为具有支持为WebApp设置快捷方式的浏览器。

12.根据权利要求11所述的装置，其特征在于，所述创建模块还包括：

读取单元，用于在所述创建单元通过所述浏览器在所述终端的主屏幕上创建所述WebApp的快捷方式之前，读取本地缓存的标识，所述标识用于标记所述用户是否为第一次访问所述WebApp；

第二判断单元，用于根据所述标识判断所述用户是否为第一次访问所述WebApp；

提示单元，用于当所述第二判断单元判断得到所述用户为第一次访问所述WebApp时，提示所述用户是否在所述终端的主屏幕上为所述WebApp创建快捷方式。

13.根据权利要求10所述的装置，其特征在于，所述装置还包括：

快捷方式设置模块，用于在所述创建模块所述终端的主屏幕上创建所述WebApp的快捷方式之前，在HTML代码中设置所述快捷方式的名称、图标和所述图标的显示效果。

14.根据权利要求9所述的装置，其特征在于，所述装置还包括：

判断模块，用于在所述代码获取模块获取并运行所述WebApp所对应的HTML代码之前，判断所述WebApp所对应的HTML代码是否需要升级。

15.根据权利要求14所述的装置，其特征在于，所述代码获取模块，包括：

第一获取单元，用于当所述判断模块判断得到所述WebApp所对应的HTML代码需要升级时，由所述WebApp所对应的网址获取升级后的HTML代码，并运行所述升级后的HTML代码；

第二获取单元，用于当所述判断模块判断得到所述WebApp所对应的HTML代码不需要升级时，由本地缓存中读取所述WebApp所对应的HTML代码，并运行所述WebApp所对应的HTML代码。

16.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第二运行模块，用于当所述启动方式获取模块得到所述用户启动所述WebApp的方式为通过浏览器输入网址的方式访问所述WebApp时，根据在所述HTML代码中预先设置的缩放控制标签，在所述浏览器的页面区域显示所述WebApp的画面。

Images