一种Web应用的窗口显示方法、装置及计算设备的制造方法

一种Web应用的窗口显示方法、装置及计算设备的制造方法
【专利摘要】本发明公开了一种Web应用的窗口显示方法、装置及计算设备，其中Web应用的窗口显示方法适于在计算设备中执行，该方法包括以下步骤：Web应用请求并解析Html文档和CSS文档，生成渲染树；计算渲染树中每个节点元素在Web应用的应用窗口中的坐标；对满足预设窗口标记条件的节点元素进行标记；在通过节点元素对所述应用窗口进行渲染时，将已标记的节点元素存储在预先开辟的内存单元；根据所述存储的节点元素创建对应的特定窗口；响应用户在所述应用窗口中触发的第一键盘鼠标事件以显示所述特定窗口。
【专利说明】
一种Web应用的窗口显示方法、装置及计算设备
技术领域
[0001] 本发明涉及互联网技术领域，特别涉及一种Web应用的窗口显示方法、装置及计算 设备。
【背景技术】
[0002] 随着互联网技术的不断发展，html越来越完善，采用html方式开发Web应用得到了 普及。Web应用是一种可以通过Web访问的应用程序，用户只需要有浏览器即可访问，不需要 再安装其他软件。Web应用一般是B/S(浏览器/服务器)模式，能够很好地应用在广域网上， 在开发迭代上更加迅速，开发者数量众多。
[0003] 然而，在Web应用中，html/CSS制作的自定义菜单(或其他控件)无法超出浏览器引 擎窗口的，导致应用程序的层级关系(z轴）只能限制在浏览器引擎里面，无法与其他应用程 序进行集成。换句话说，Web代码的宿主是浏览器或浏览器引擎的一个包装。而这个宿主本 身对外的表现只是一个普通窗口，窗口里面绘制的内容是不可能延伸到窗口外，从而导致 窗口的部分内容会被其他应用的窗口遮挡，无法显示。

【发明内容】

[0004] 为此，本发明提供一种Web应用的窗口显示方案，以力图解决或者至少缓解上面存 在的问题。
[0005] 根据本发明的一个方面，提供一种Web应用的窗口显示方法，适于在计算设备中执 行，该方法包括如下步骤。首先，Web应用请求并解析Html文档和CSS文档，生成植染树;计算 渲染树中每个节点元素在Web应用的应用窗口中的坐标;对满足预设窗口标记条件的节点 元素进行标记;在通过节点元素对应用窗口进行渲染时，将已标记的节点元素存储在预先 开辟的内存单元;根据存储的节点元素创建对应的特定窗口；响应用户在应用窗口中触发 的第一键盘鼠标事件以显示特定窗口。
[0006] 可选地，在根据本发明的Web应用的窗口显示方法中，预设窗口标记条件包括:节 点元素的窗口标记参数大于预设窗口标记参数，其中窗口标记参数通过Web应用解析CSS文 档获取。
[0007] 可选地，在根据本发明的Web应用的窗口显示方法中，窗口标记参数为z-index。
[0008] 可选地，在根据本发明的Web应用的窗口显示方法中，预设窗口标记参数为10000。
[0009] 可选地，在根据本发明的Web应用的窗口显示方法中，根据存储的节点元素创建对 应的特定窗口包括:获取存储的节点元素的坐标在应用窗口中对应的区域;创建一个与区 域大小相等、坐标相对应的特定窗口，其中坐标相对应包括特定窗口的顶点坐标映射到应 用窗口中得到的坐标与区域的顶点坐标一一对应并相等。
[0010] 可选地，在根据本发明的Web应用的窗口显示方法中，在根据存储的节点元素创建 对应的特定窗口之后包括:将存储的节点元素渲染至特定窗口中。
[0011] 可选地，在根据本发明的Web应用的窗口显示方法中，还包括：响应用户在特定窗 口中触发的第二键盘鼠标事件以触发应用窗口中对应的键盘鼠标事件。
[0012]可选地，在根据本发明的Web应用的窗口显示方法中，响应用户在特定窗口中触发 的第二键盘鼠标事件以触发应用窗口中对应的键盘鼠标事件包括:获取第二键盘鼠标事件 的类型；根据第二键盘鼠标事件的类型，确认其在特定窗口中的触发点；计算触发点的坐 标;计算触发点的坐标映射到应用窗口中的相对值;根据相对值触发应用窗口中对应的键 盘鼠标事件。
[0013] 根据本发明的又一个方面，提供一种Web应用的窗口显示装置，适于驻留在计算设 备中，该装置包括生成模块、计算模块、标记模块、存储模块、创建模块和显示模块。其中，生 成模块，适于Web应用请求并解析Html文档和CSS文档，生成植染树;计算模块，适于计算植 染树中每个节点元素在Web应用的应用窗口中的坐标;标记模块，适于对满足预设窗口标记 条件的节点元素进行标记;存储模块，适于在通过节点元素对应用窗口进行渲染时，将已标 记的节点元素存储在预先开辟的内存单元;创建模块，适于根据存储的节点元素创建对应 的特定窗口；显示模块，适于响应用户在应用窗口中触发的第一键盘鼠标事件以显示特定 窗口。
[0014] 可选地，在根据本发明的Web应用的窗口显示装置中，预设窗口标记条件包括:节 点元素的窗口标记参数大于预设窗口标记参数，其中窗口标记参数通过Web应用解析CSS文 档获取。
[0015] 可选地，在根据本发明的Web应用的窗口显示装置中，窗口标记参数为z-index。
[0016] 可选地，在根据本发明的Web应用的窗口显示装置中，预设窗口标记参数为10000。 [0017]可选地，在根据本发明的Web应用的窗口显示装置中，创建模块进一步适于：获取 存储的节点元素的坐标在应用窗口中对应的区域;创建一个与区域大小相等、坐标相对应 的特定窗口，其中坐标相对应包括特定窗口的顶点坐标映射到应用窗口中得到的坐标与区 域的顶点坐标--对应并相等。
[0018] 可选地，在根据本发明的Web应用的窗口显示装置中，还包括:渲染模块，适于将存 储的节点元素渲染至特定窗口中。
[0019] 可选地，在根据本发明的Web应用的窗口显示装置中，还包括:触发模块，适于响应 用户在特定窗口中触发的第二键盘鼠标事件以触发应用窗口中对应的键盘鼠标事件。
[0020] 可选地，在根据本发明的Web应用的窗口显示装置中，触发模块进一步适于：获取 第二键盘鼠标事件的类型;根据第二键盘鼠标事件的类型，确认其在特定窗口中的触发点； 计算触发点的坐标;计算触发点的坐标映射到应用窗口中的相对值;根据相对值触发应用 窗口中对应的键盘鼠标事件。
[0021] 根据本发明的又一个方面，还提供一种计算设备，包括根据本发明的Web应用的窗 口显示装置。
[0022]根据本发明的Web应用的窗口显示的技术方案，首先Web应用解析Html文档和CSS 文档生成渲染树，并计算渲染树中各节点元素在应用窗口中的坐标，标记并存储窗口标记 参数大于预设窗口标记参数的节点元素，响应用户在应用窗口中触发的第一键盘鼠标事件 来显示根据存储的节点元素创建的特定窗口。上述技术方案中，根据窗口标记参数大于预 设窗口标记参数的节点元素创建特定窗口，利用实时生成新窗口并做兼容的方式，实现了 Web应用中窗口的交叠出现，避免新窗口无法超出应用窗口界面而部分内容无法显示的情 况。
【附图说明】
[0023] 为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方 面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面 旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述 以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的 部件或元素。
[0024] 图1示出了根据本发明的一个实施例的计算设备100的示意图；
[0025]图2示出了根据本发明一个实施例的Web应用的窗口显示方法200的流程图；以及 [0026]图3示出了根据本发明的一个实施例的Web应用的窗口显示装置300的示意图。
【具体实施方式】
[0027] 下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开 的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例 所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围 完整的传达给本领域的技术人员。
[0028] 图1是示例计算设备100的框图。在基本的配置102中，计算设备100典型地包括系 统存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和系统存储 器106之间的通信。
[0029] 取决于期望的配置，处理器104可以是任何类型的处理，包括但不限于:微处理器 (μρ)、微控制器(yC)、数字信息处理器(DSP)或者它们的任何组合。处理器104可以包括诸如 一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心 114和寄存器116。示例的处理器核心114可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、 数字信号处理核心(DSP核心）或者它们的任何组合。示例的存储器控制器118可以与处理器 104-起使用，或者在一些实现中，存储器控制器118可以是处理器104的一个内部部分。
[0030] 取决于期望的配置，系统存储器106可以是任意类型的存储器，包括但不限于：易 失性存储器(诸如RAM)、非易失性存储器(诸如R0M、闪存等)或者它们的任何组合。系统存储 器106可以包括操作系统120、一个或者多个应用122以及程序数据124。在一些实施方式中， 应用122可以布置为在操作系统上利用程序数据124进行操作。
[0031] 计算设备100还可以包括有助于从各种接口设备（例如，输出设备142、外设接口 144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。示例 的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由 一个或者多个A/V端口 152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外 设接口 144可以包括串行接口控制器154和并行接口控制器156，它们可以被配置为有助于 经由一个或者多个I/O端口 158和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸 输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设 备146可以包括网络控制器160,其可以被布置为便于经由一个或者多个通信端口 164与一 个或者多个其他计算设备162通过网络通信链路的通信。
[0032] 网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波 或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可 以包括任何信息递送介质。"调制数据信号"可以这样的信号，它的数据集中的一个或者多 个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以 包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(RF)、微波、红外 (IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存 储介质和通信介质二者。
[0033] 计算设备100可以实现为小尺寸便携(或者移动）电子设备的一部分，这些电子设 备可以是诸如蜂窝电话、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个 人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备1〇〇还可以 实现为包括桌面计算机和笔记本计算机配置的个人计算机。在一些实施例中，计算设备100 被配置为执行根据本发明的Web应用的窗口显示方法。应用122包括根据本发明的Web应用 的窗口显示装置300。
[0034]图2示出了根据本发明一个实施例的Web应用的窗口显示方法200的流程图。Web应 用的窗口显示方法200适于在计算设备(例如图1所示的计算设备100)中执行。
[0035] 如图2所示，方法200始于步骤S210。在步骤S210中，Web应用请求并解析Html文档 和CSS文档，生成渲染树。在本实施例中，Web应用采用Webkit作为浏览器引擎，对Html文档 和CSS文档进行解析。Webkit先将Html文档解析成树形的数据结构，简称D0M(Document Object Model)树，再将CSS文档解析成树形的树形结构，得到CCS0M(CSS Object Model) 树。将DOM树和CSS0M树合并起来生成渲染树。渲染树和DOM树一样，以多叉树的形式保存了 每个节点元素的CSS属性、节点本身属性以及节点的孩子节点。
[0036]随后，在步骤S220中，计算渲染树中每个节点元素在Web应用的应用窗口中的坐 标。在本实施例中，在layout阶段，浏览器引擎Webkit计算植染树中每个节点元素在Web应 用的应用窗口中的坐标，在计算完成后，Webkit最终获取了要显示的节点元素、每个节点元 素的CSS属性、每个节点元素在应用窗口中的坐标位置。
[0037]在步骤S230中，对满足预设窗口标记条件的节点元素进行标记，预设窗口标记条 件包括节点元素的窗口标记参数大于预设窗口标记参数，其中窗口标记参数通过Web应用 解析CSS文档获取。对于通过解析CSS文档获取的窗口标记参数，其中Web应用对需要脱离浏 览器引擎的窗口区域限制的节点元素对应的窗口标记参数预先设置为大于预设窗口标记 参数。经过步骤S210后，在解析Html文档和CSS文档生成渲染树后得到的节点元素中，一定 存在部分节点元素的窗口标记参数大于预设窗口标记参数，从而在步骤S230中可对上述满 足预设窗口标记条件的节点元素进行标记。在本实施例中，窗口标记参数为z-index，为CSS 属性的一种，用于设置元素的堆叠顺序，拥有更高堆叠顺序的元素一般处于堆叠顺序较低 的元素的前面。预设窗口标记参数为10000,经过步骤S210后，在解析Html文档和CSS文档生 成植染树后得到的节点元素中，一定存在z-index值大于10000的节点元素。在步骤S230中， 在layout阶段，将z-index值大于10000的节点元素进行标记。
[0038] 在步骤S240中，在通过节点元素对应用窗口进行渲染时，将已标记的节点元素存 储在预先开辟的内存单元。在本实施例中，Webkit在通过节点元素对应用窗口进行植染时， 对于已标记的节点元素，并不会在将其渲染至应用窗口中，而是存储在预先开辟的内存单 元里。关键代码如下所示：
[0040]在步骤S250中，根据存储的节点元素创建对应的特定窗口。首先，获取存储的节点 元素的坐标在应用窗口中对应的区域;其次，创建一个与上述区域大小相等、坐标相对应的 特定窗口，其中坐标相对应包括特定窗口的顶点坐标（四个角的顶点坐标)映射到应用窗口 中得到的坐标与上述区域的顶点坐标--对应并相等。在本实施例中，根据存储的节点元 素，获取其坐标在应用窗口中对应的区域，通过本地窗口系统X11的API创建一个与该区域 大小相等、坐标相对应的特定窗口。从层次关系上来说，可以将应用窗口与特定窗口看出是 两个层次的窗口平面，特定窗口可视为悬浮于应用窗口之上，从而脱离了浏览器引擎的窗 口区域限制。以一个存储的节点元素 A为例，在应用窗口中以其左上角的顶点作为原点，其 坐标设置为(〇，〇)，节点元素 A在应用窗口中对应的区域的左上角顶点坐标为(30，120)，左 下角顶点坐标为(30,220)，右上角顶点坐标为(330,120)，右下角顶点坐标为(330,220)。由 于特定窗口创建完成后是形成的一个新窗口，对特定窗口而言，应以其左上角顶点作为原 点，因此特定窗口的左上角顶点坐标为(0，〇)，由特定窗口和应用窗口的原点坐标的位移关 系可知，特定坐标的左下角顶点坐标为(0,100)，右上角顶点坐标为(300,0)，右下角顶点坐 标为(300,100)，实现了特定窗口的顶点坐标映射到应用窗口中得到的坐标与上述区域的 顶点坐标一一对应并相等。其中，节点元素 A在应用窗口中对应区域在html文档有相应的〈 div>标签包括的内容表示，而该区域的大小和顶点坐标对应存储在CSS文档中，可通过调用 absoluteBounding Box()方法获取。特定窗口创建完成后，将存储的节点元素植染至特定 窗口中，该特定窗口可以表现为菜单或其他控件形式。关键代码如下所示：

[0043]随后，进入步骤S260,响应用户在应用窗口中触发的第一键盘鼠标事件以显示特 定窗口。特定窗口显示后，响应用户在特定窗口中触发的第二键盘鼠标事件以触发应用窗 口中对应的键盘鼠标事件。当用户在特定窗口中触发第二键盘鼠标事件时，首先获取第二 键盘鼠标事件的类型，再根据事件类型确认其在特定窗口中的触发点，计算触发点的坐标 并将该坐标映射到应用窗口中获得其相对值，最后根据该相对值触发应用窗口中对应的键 盘鼠标事件。在本实施例中，用户在特定窗口中触发了鼠标事件，以鼠标左键单击了特定窗 口中的一个选项B，则获取第二键盘鼠标事件的类型为鼠标左键单击，确定其在特定窗口中 的触发点，即单击位置为选项B，计算单击位置的坐标得出结果为(80，160)，根据特定窗口 和应用窗口的原点坐标的位移关系可知，单击位置的坐标映射到应用窗口后获得的相对值 为（110，280)，最后在应用窗口中坐标为（110，280)的位置触发鼠标左键单击事件。
[0044]图3示出了根据本发明一个实施例的Web应用的窗口显示装置300的示意图。该装 置包括:生成模块310、计算模块320、标记模块330、存储模块340、创建模块350和显示模块 360。该装置还包括渲染模块和触发模块（图中均未示出），渲染模块位于创建模块350和显 示模块360之间，适于将存储的节点元素渲染至特定窗口中。触发模块位于显示模块360之 后，适于响应用户在特定窗口中触发的第二键盘鼠标事件以触发应用窗口中对应的键盘鼠 标事件。
[0045]生成模块310适于Web应用请求并解析Html文档和CSS文档，生成渲染树。在本实施 例中，Web应用采用Webkit作为浏览器引擎，对Html文档和CSS文档进行解析。Webkit将Html 文档解析后获得的DOM(Document Object Model)树和将CSS文档解析后得到的CCSOM(CSS Object Model)树合并起来生成植染树。
[0046]计算模块320适于计算渲染树中每个节点元素在Web应用的应用窗口中的坐标。在 本实施例中，在layout阶段，浏览器引擎Webkit计算植染树中每个节点元素在Web应用的应 用窗口中的坐标，在计算完成后，Webkit最终获取了要显示的节点元素、每个节点元素的 CSS属性、每个节点元素在应用窗口中的坐标位置。
[0047]标记模块330适于对满足预设窗口标记条件的节点元素进行标记。其中，预设窗口 标记条件包括节点元素的窗口标记参数大于预设窗口标记参数，其中窗口标记参数通过 Web应用解析CSS文档获取。对于通过解析CSS文档获取的窗口标记参数，其中Web应用对需 要脱离浏览器引擎的窗口区域限制的节点元素对应的窗口标记参数预先设置为大于预设 窗口标记参数。在本实施例中，窗口标记参数为z-index，预设窗口标记参数为10000，通过 生成模块310解析Html文档和CSS文档生成植染树后得到的节点元素中，一定存在z-index 值大于10000的节点元素。标记模块330在layout阶段，将z-index值大于10000的节点元素 进行标记。
[0048]存储模块340适于在通过节点元素对应用窗口进行渲染时，将已标记的节点元素 存储在预先开辟的内存单元。在本实施例中，Webkit在通过节点元素对应用窗口进行植染 时，对于已标记的节点元素，并不会在将其渲染至应用窗口中，而是存储在预先开辟的内存 单元里。
[0049] 创建模块350适于根据存储的节点元素创建对应的特定窗口，进一步适于:获取存 储的节点元素的坐标在应用窗口中对应的区域;仓il建一个与上述区域大小相等、坐标相对 应的特定窗口，其中坐标相对应包括特定窗口的顶点坐标（四个角的顶点坐标)映射到应用 窗口中得到的坐标与上述区域的顶点坐标--对应并相等。在本实施例中，以一个存储的 节点元素 A为例，在应用窗口中以其左上角的顶点作为原点，其坐标设置为(0,0)，节点元素 A在应用窗口中对应的区域的左上角顶点坐标为(30,120)，左下角顶点坐标为(30,220)，右 上角顶点坐标为(330,120)，右下角顶点坐标为(330,220)。对特定窗口而言，应以其左上角 顶点作为原点，因此特定窗口的左上角顶点坐标为(〇，〇)，由特定窗口和应用窗口的原点坐 标的位移关系可知，特定坐标的左下角顶点坐标为(〇, 100)，右上角顶点坐标为(300,0)，右 下角顶点坐标为(300,100)，实现了特定窗口的顶点坐标映射到应用窗口中得到的坐标与 上述区域的顶点坐标--对应并相等。
[0050] 显示模块360适于响应用户在应用窗口中触发的第一键盘鼠标事件以显示特定窗 口。特定窗口显示后，触发模块适于响应用户在特定窗口中触发的第二键盘鼠标事件以触 发应用窗口中对应的键盘鼠标事件，进一步适于:获取第二键盘鼠标事件的类型;根据第二 键盘鼠标事件的类型，确认其在特定窗口中的触发点;计算触发点的坐标;计算触发点的坐 标映射到应用窗口中的相对值;根据相对值触发应用窗口中对应的键盘鼠标事件。在本实 施例中，用户在特定窗口中的选项B上触发了鼠标左键单击事件，则获取第二键盘鼠标事件 的类型为鼠标左键单击，确定其在特定窗口中的触发点，即单击位置为选项B，计算单击位 置的坐标得出结果为(80,160)，根据特定窗口和应用窗口的原点坐标的位移关系可知，单 击位置的坐标映射到应用窗口后获得的相对值为（110,280)，最后在应用窗口中坐标为 (110，280)的位置触发鼠标左键单击事件。
[0051]关于Web应用的窗口显示的具体步骤以及实施例，在基于图2的描述中已经详细公 开，此处不再赘述。
[0052] 对Web应用而言，现有的Web代码的宿主是浏览器或浏览器引擎的一个包装。而这 个宿主本身对外的表现只是一个普通窗口，窗口里面绘制的内容是不可能延伸到窗口外， 从而导致窗口的部分内容会被其他应用的窗口遮挡，无法显示。而根据本发明的Web应用的 窗口显示的技术方案，通过解析Html文档和CSS文档生成渲染树，计算渲染树中各节点元素 在应用窗口中的坐标，标记并存储窗口标记参数大于预设窗口标记参数的节点元素，响应 用户在应用窗口中触发的第一键盘鼠标事件来显示根据存储的节点元素创建的特定窗口。 上述技术方案中，根据窗口标记参数大于预设窗口标记参数的节点元素创建特定窗口，利 用实时生成新窗口并做兼容的方式，实现了 Web应用中窗口的交叠出现，避免新窗口无法超 出应用窗口界面而部分内容无法显示的问题。
[0053] B10.如B9所述的装置，其中所述预设窗口标记条件包括：
[0054]所述节点元素的窗口标记参数大于预设窗口标记参数，其中所述窗口标记参数通 过Web应用解析CSS文档获取。
[0055] B11.如B10所述的装置，其中所述窗口标记参数为z-index。
[0056] B12.如B11所述的装置，其中所述预设窗口标记参数为10000。
[0057] B13.如B9所述的装置，其中所述创建模块进一步适于：
[0058] 获取所述存储的节点元素的坐标在应用窗口中对应的区域；
[0059] 创建一个与所述区域大小相等、坐标相对应的特定窗口，其中所述坐标相对应包 括特定窗口的顶点坐标映射到应用窗口中得到的坐标与所述区域的顶点坐标--对应并 相等。
[0060] B14.如B9所述的装置，还包括：
[0061 ]渲染模块，适于将所述存储的节点元素渲染至所述特定窗口中。
[0062] B15.如B9所述的装置，还包括：
[0063 ]触发模块，适于响应用户在特定窗口中触发的第二键盘鼠标事件以触发应用窗口 中对应的键盘鼠标事件。
[0064] B16.如B15所述的装置，所述触发模块进一步适于：
[0065] 获取所述第二键盘鼠标事件的类型；
[0066] 根据所述第二键盘鼠标事件的类型，确认其在特定窗口中的触发点；
[0067] 计算所述触发点的坐标；
[0068] 计算所述触发点的坐标映射到应用窗口中的相对值；
[0069] 根据所述相对值触发应用窗口中对应的键盘鼠标事件。
[0070]在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施 例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结 构和技术，以便不模糊对本说明书的理解。
[0071] 类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在 上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施 例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保 护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的 权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵 循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】，其中每个权利要求本身都 作为本发明的单独实施例。
[0072] 本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组 件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备 不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个 子模块。
[0073]本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地 改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单 元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或 子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何 组合对本说明书(包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任 何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权 利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代 替。
[0074]此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例 中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的 范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任 意之一都可以以任意的组合方式来使用。
[0075]此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行 所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法 元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在 此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行 的功能。
[0076]如在此所使用的那样，除非另行规定，使用序数词"第一"、"第二"、"第三"等等来 描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必 须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
[0077]尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域 内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意， 本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限 定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本 技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本 发明所做的公开是说明性的，而非限制性的，本发明的范围由所附权利要求书限定。
【主权项】
1. 一种Web应用的窗口显示方法，所述方法适于在计算设备中执行，该方法包括： Web应用请求并解析Html文档和CSS文档，生成渲染树； 计算渲染树中每个节点元素在Web应用的应用窗口中的坐标； 对满足预设窗口标记条件的节点元素进行标记； 在通过节点元素对所述应用窗口进行渲染时，将已标记的节点元素存储在预先开辟的 内存单元； 根据所述存储的节点元素创建对应的特定窗口； 响应用户在所述应用窗口中触发的第一键盘鼠标事件以显示所述特定窗口。2. 如权利要求1所述的方法，其中所述预设窗口标记条件包括： 所述节点元素的窗口标记参数大于预设窗口标记参数，其中所述窗口标记参数通过 Web应用解析CSS文档获取。3. 如权利要求2所述的方法，其中所述窗口标记参数为z-index。4. 如权利要求3所述的方法，其中所述预设窗口标记参数为10000。5. 如权利要求1所述的方法，其中根据所述存储的节点元素创建对应的特定窗口包括： 获取所述存储的节点元素的坐标在应用窗口中对应的区域； 创建一个与所述区域大小相等、坐标相对应的特定窗口，其中所述坐标相对应包括特 定窗口的顶点坐标映射到应用窗口中得到的坐标与所述区域的顶点坐标一一对应并相等。6. 如权利要求5所述的方法，其中在根据所述存储的节点元素创建对应的特定窗口之 后包括： 将所述存储的节点元素渲染至所述特定窗口中。7. 如权利要求1所述的方法，还包括： 响应用户在特定窗口中触发的第二键盘鼠标事件以触发应用窗口中对应的键盘鼠标 事件。8. 如权利要求7所述的方法，其中所述响应用户在特定窗口中触发的第二键盘鼠标事 件以触发应用窗口中对应的键盘鼠标事件包括： 获取所述第二键盘鼠标事件的类型； 根据所述第二键盘鼠标事件的类型，确认其在特定窗口中的触发点； 计算所述触发点的坐标； 计算所述触发点的坐标映射到应用窗口中的相对值； 根据所述相对值触发应用窗口中对应的键盘鼠标事件。9. 一种Web应用的窗口显示装置，所述装置适于驻留在计算设备中，该装置包括： 生成模块，适于Web应用请求并解析Html文档和CSS文档，生成渲染树； 计算模块，适于计算渲染树中每个节点元素在Web应用的应用窗口中的坐标； 标记模块，适于对满足预设窗口标记条件的节点元素进行标记； 存储模块，适于在通过节点元素对所述应用窗口进行渲染时，将已标记的节点元素存 储在预先开辟的内存单元； 创建模块，适于根据所述存储的节点元素创建对应的特定窗口； 显示模块，适于响应用户在所述应用窗口中触发的第一键盘鼠标事件以显示所述特定 窗口。10. -种计算设备，包括如权利要求9所述的Web应用的窗口显示装置。
【文档编号】G06F3/0481GK106095241SQ201610415507
【公开日】2016年11月9日
【申请日】2016年6月14日 公开号201610415507.2, CN 106095241 A, CN 106095241A, CN 201610415507, CN-A-106095241, CN106095241 A, CN106095241A, CN201610415507, CN201610415507.2
【发明人】夏彬, 闫博文, 李立强, 徐发胜
【申请人】武汉深之度科技有限公司