CN104951287A - 一种生成网页的方法及装置 - Google Patents

Abstract

本发明实施例公开了一种生成网页的方法及装置。该方法预先设定主UI线程在浏览器主进程所包括的各种线程中的优先级最高；当浏览器主进程接收到目标浏览请求后，获取目标浏览请求对应的控制数据，并判断出目标浏览请求为主UI线程所对应的网页生成请求时，调用主UI线程，通过该主UI线程向渲染进程发送该目标浏览请求和控制数据；渲染进程则利用控制数据生成目标浏览请求所对应的网页数据，并在网页数据生成完毕后通知浏览器主进程显示渲染进程所生成的目标浏览请求对应的网页数据。可见，本方案中，优先处理作为网页生成请求的浏览请求，而并非将其放置到消息队列中等待处理，因此，可以提高网页显示的顺滑度，进而提高用户的浏览体验。

Description

一种生成网页的方法及装置

技术领域

本发明涉及互联网技术领域，特别涉及一种生成网页的方法及装置。

背景技术

随着科学技术的发展，智能手机、笔记本电脑等电子设备已经广泛应用于日常生活中。其中，用户通过安装于电子设备中的浏览器可以访问各个网络站点的媒体内容。

针对用户在网页上做出的点击、滚动等操作，浏览器可能需要对这些操作做出响应，生成相应的网页内容。现有技术中，一种生成网页内容的方式如下：

浏览器主进程在接收到用于请求网页生成的目标浏览请求后，获取网页生成所需的控制数据，并将该控制数据连同该目标浏览请求放入到消息队列中，其中，消息队列中存放有待处理的浏览请求且处理各个浏览请求的顺序符合先进先出的原则；在该目标浏览请求之前放入到消息队列的浏览请求被处理后，浏览器主进程从消息队列中取出该浏览请求连同控制数据并调用浏览器主进程所包括的用于启动网页生成过程的主UI（UserInterface）线程，然后主UI线程通知已建立连接的渲染进程进行后续的处理，从而实现后续的网页生成。

可见，当消息队列中存在未被处理的浏览请求时，如果用户发出指示网页生成的浏览请求，由于处理消息队列中的各个浏览请求需要按照先进先出原则，此时将导致该指示网页生成的浏览请求无法立即得到相应处理，最终导致网页显示的顺滑度较差，即显示速度较慢，影响用户的浏览体验。

发明内容

基于上述问题，本发明实施例公开了一种生成网页的方法及装置，以提高网页显示的顺滑度，进而提高用户的浏览体验。技术方案如下：

第一方面，本发明实施例提供了一种生成网页的方法，适用于浏览器，所述浏览器所对应的进程架构至少包括：渲染进程、至少包括主UI线程的浏览器主进程；其中，预先设定所述主UI线程在浏览器主进程所包括的各种线程中的优先级最高；

所述方法包括：

浏览器主进程接收目标浏览请求，获取所述目标浏览请求对应的控制数据，并判断所述目标浏览请求是否为所述主UI线程所对应的网页生成请求，如果是，调用所述主UI线程，通过所述主UI线程向渲染进程发送所述目标浏览请求和所述控制数据；

所述渲染进程在接收到所述目标浏览请求和所述控制数据后，利用所述控制数据生成所述目标浏览请求所对应的网页数据，并在网页数据生成完毕后通知所述浏览器主进程；

所述浏览器主进程显示所述渲染进程所生成的所述目标浏览请求对应的网页数据。

可选的，本发明实施例所提供的生成网页的方法还包括：

当判断出所述目标浏览请求不为所述主UI线程所对应的网页生成请求时，将所述目标浏览请求和所述控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

可选的，所述浏览器所对应的进程架构还包括：GPU进程；

所述渲染进程利用所述控制数据生成所述目标浏览请求所对应的网页数据，包括：

渲染进程利用所述控制数据，通过控制所述GPU进程，以硬件加速合成方式生成所述目标浏览请求所对应的网页数据。

可选的，所述渲染进程利用所述控制数据生成所述目标浏览请求所对应的网页数据，包括：

渲染进程利用所述控制数据，通过软件渲染方式生成所述目标浏览请求所对应的网页数据。

第二方面，本发明实施例还提供了一种生成网页的装置，适用于浏览器，所述浏览器所对应的进程架构至少包括：渲染进程、至少包括主UI线程的浏览器主进程；其中，预先设定所述主UI线程在浏览器主进程所包括的各种线程中的优先级最高；所述装置包括：

用于执行所述浏览器主进程的功能的浏览器主进程模块、用于执行所述渲染进程的功能的渲染进程模块；

其中，所述浏览器主进程模块包括：请求接收子模块、控制数据获取子模块、判断子模块、线程调度子模块和显示子模块；

所述渲染进程模块包括：接收子模块、网页生成子模块和通知子模块；

其中，所述请求接收子模块，用于接收目标浏览请求；

所述控制数据获取子模块，用于获取所述目标浏览请求对应的控制数据；

所述判断子模块，用于判断所述目标浏览请求是否为所述主UI线程所对应的网页生成请求，如果是，触发线程调度子模块；

所述线程调度子模块，用于调用所述主UI线程，通过所述主UI线程向渲染进程模块的接收子模块发送所述目标浏览请求和所述控制数据；

所述显示子模块，用于显示所述渲染进程模块的网页生成子模块所生成的所述目标浏览请求对应的网页数据；

所述接收子模块，用于接收所述目标浏览请求和所述控制数据；

所述网页生成子模块，用于利用所述控制数据生成所述目标浏览请求所对应的网页数据；

所述通知子模块，用于在网页数据生成完毕后通知所述浏览器主进程的显示子模块。

可选的，所述浏览器主进程模块还包括：请求处理子模块；

所述判断子模块，还用于在判断出所述目标浏览请求不为所述主UI线程所对应的网页生成请求时，触发请求处理子模块；

所述请求处理子模块，用于将所述目标浏览请求和所述控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

可选的，所述浏览器所对应的进程架构还包括：GPU进程；

所述网页生成子模块，具体用于利用所述控制数据，通过控制所述GPU进程，以硬件加速合成方式生成所述目标浏览请求所对应的网页数据。

可选的，所述网页生成子模块，具体用于利用所述控制数据，通过软件渲染方式生成所述目标浏览请求所对应的网页数据。

本发明实施例中，预先设定主UI线程在浏览器主进程所包括的各种线程中的优先级最高；当浏览器主进程接收到目标浏览请求后，获取目标浏览请求对应的控制数据，并判断目标浏览请求是否为主UI线程所对应的网页生成请求，如果是，调用主UI线程，通过该主UI线程向渲染进程发送该目标浏览请求和该控制数据；渲染进程在接收到目标浏览请求和控制数据后，利用控制数据生成目标浏览请求所对应的网页数据，并在网页数据生成完毕后通知浏览器主进程；浏览器主进程显示渲染进程所生成的目标浏览请求对应的网页数据。可见，本方案中，优先处理作为网页生成请求的浏览请求，而并非将其放置到消息队列中等待，因此，可以提高网页显示的顺滑度，进而提高用户的浏览体验。

附图说明

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

图1为本发明实施例所提供的一种生成网页的方法的信令流程图；

图2为本发明实施例所提供的一种生成网页的装置的结构示意图；

图3为本发明实施例所提供的一种生成网页的装置的另一结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为了提高网页显示的顺滑度，进而提高用户的浏览体验，本发明实施例提供了一种生成网页的方法及装置。

下面首先对本发明实施例所提供的一种生成网页的方法进行介绍。

本发明实施例所提供的一种生成网页的方法适用于浏览器，其中，该浏览器的进程构架至少包括：渲染进程、至少包括主UI线程的浏览器主进程；并且，该主UI线程的优先级在浏览器主进程所包括的各种线程的优先级中被设定为最高。

如图1所示，本发明实施例所提供的一种生成网页的方法可以包括：

S101，浏览器主进程接收目标浏览请求；

其中，浏览器主检测所接收到的目标浏览请求可以为：用户通过对网页页面进行点击、滚动等操作而发出的浏览请求，也可以为：用户通过在地址栏输入网址信息而发出的浏览请求；当然，该目标浏览请求也可以为：在用户访问某一网页的过程中，浏览器内核自动向浏览器主进程发送的浏览请求。

S102，浏览器主进程获取该目标浏览请求对应的控制数据；

其中，该目标浏览请求对应的控制数据可以为响应该目标浏览请求所需的数据。例如：如果是通过对网页页面进行滚动操作而发出目标浏览请求，该控制数据可以为：页面滚动方向、页面滚动速度或页面滚动距离大小等；如果是通过对网页页面中的网址链接进行点击操作而发出目标浏览请求，该控制数据可以为：点击操作的触发位置、范围以及点击操作所对应的时间类型等。

其中，浏览器主进程在获取到目标浏览请求后，将自动获取该目标浏览请求对应的控制数据，并且，自动获取该目标浏览请求的具体实现方式可以采用现有方式。

S103，浏览器主进程确定该目标浏览请求为主UI线程所对应的网页生成请求；

浏览器主进程在接收到该目标浏览请求后，可以判断该目标浏览请求是否为主UI线程所对应的网页生成请求，并根据不同的判断结果进行不同的处理。其中，所谓主UI线程所对应的网页生成请求即该网页生成请求需要被主UI线程负责处理，或者说，浏览器主进程需要调用该主UI线程来处理该网页生成请求从而启动生成网页的过程。并且，本领域技术人员可以理解的是，浏览器主进程可以通过现有协议确定一个浏览请求是否为主UI线程所对应的网页生成请求。

当浏览器主进程确定该目标浏览请求为该主UI进程所对应的网页生成请求时，为了提高网页显示的顺滑度，并非将该目标浏览请求以及控制数据放置到消息队列中等待处理，而是执行后续的S104，以优先处理该目标浏览请求。

当确定该目标浏览请求不为该主UI线程所对应的网页生成请求时，由于该目标浏览请求不为该主UI进程所对应的网页生成请求，此时，不涉及网页显示，对用户的使用体验影响不大，可以将该目标浏览请求和该控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

进一步需要说明的是，在实际应用中，S102和S103的执行顺序并不局限于本实施例，例如：S102和S103可以同时执行，或者，S103可以先于S102执行，这都是合理的。

S104，浏览器主进程调用主UI线程，通过主UI线程向渲染进程发送该目标浏览请求和控制数据；

其中，在判断出该目标浏览请求为主UI线程所对应的网页生成请求时，为了提高网页显示的顺滑度，浏览器主进程可以调用该主UI线程，通过该主UI线程将该目标浏览请求和该控制数据发送给该渲染进程，进而由渲染进程完成后续的网页绘制、合成等网页数据生成过程。

S105，渲染进程生成目标浏览请求所对应的网页数据；

其中，渲染进程在接收到该目标浏览请求和该控制数据后，可以利用该控制数据生成目标浏览请求所对应的网页数据。由于主UI线程的优先级在浏览器主进程所包括的线程的优先级中是最高的，因此，通过主UI线程向渲染进程发送的目标浏览请求将被优先处理。

可选的，上述主UI线程的优先级可以是通过SetThreadPriority函数设置的。其中，SetThreadPriority函数的声明可以如下：

其中，hThread是线程的句柄，nPriority是线程的优先级。

S106，网页数据生成后，渲染进程通知浏览器主进程；

S107，浏览器主进程显示渲染进程所生成的目标浏览请求对应的网页数据。

其中，当网页数据生成完毕后，该渲染进程可以通知该浏览器主进程，而该浏览器主进程将显示该渲染进程所生成的该目标浏览请求对应的网页数据，至此完成对该目标浏览请求的响应。

其中，该浏览器主进程显示该渲染进程所生成的该目标浏览请求对应的网页数据的方式可以是：在渲染进程生成网页的数据之后，会通知浏览器主进程中的GPU（Graphic Processing Unit）进程，GPU进程会把各个渲染进程分别对应多个窗口，GPU进程负责把这些窗口利用3D图形引擎硬件加速混合生成一个图层，最终将图层的数据传递给窗口，通过窗口呈现在设备上。

可选的，所述渲染进程生成目标浏览请求所对应的网页数据，可以包括：

渲染进程利用控制数据，通过软件渲染方式生成该目标浏览请求所对应的网页数据。

具体的，上述软件渲染方式，可以为依赖CPU（Central Processing Unit）处理器来渲染生成网页数据的方式，通常过程为：CPU利用控制数据生成网页的各层页面的数据内容，然后按照顺序将各层页面的数据内容依次绘制在一个内部存储空间上。

可选的，所述浏览器所对应的进程架构还可以包括：GPU进程；

渲染进程生成该目标浏览请求所对应的网页数据，可以包括：

渲染进程利用控制数据，通过控制该GPU进程，以硬件加速合成方式生成该目标浏览请求所对应的网页数据。

具体的，上述硬件加速合成方式，可以是为网页的每一层页面分配一块内部存储空间（多层页面也可以对应一块内部存储空间）以存储该层页面的数据；在利用控制数据生成网页的各层页面的数据，存储在相应的内部存储空间中，并将各个内部存储空间所存储的页面的数据通过GPU处理器合成，生成最终的网页数据。

本发明实施例中，由于主UI线程的优先级在浏览器主进程所包括的各种线程的优先级中是最高的，因此，作为网页生成请求的目标浏览请求将被优先处理，而不受“先进先出”原则的限制，因此，可以提高网页显示的顺滑度，进而提高用户的浏览体验。

需要强调的是，在实际应用中，对于PC机内的GPU处理器而言，其通常对应有GPU进程，而对于移动终端内的GPU处理器而言，其通常对应有GPU线程，其中，这里的GPU进程和GPU线程所对应的功能相同。

相应于上述方法实施例，本发明实施例还提供了一种生成网页的装置，适用于浏览器，所述浏览器所对应的进程架构至少包括：渲染进程、至少包括主UI线程的浏览器主进程；其中，预先设定所述主UI线程在浏览器主进程所包括的各种线程中的优先级最高；如图2所示，所述装置可以包括：

用于执行所述浏览器主进程的功能的浏览器主进程模块210、用于执行所述渲染进程的功能的渲染进程模块220；

其中，所述浏览器主进程模块210可以包括：请求接收子模块211、控制数据获取子模块212、判断子模块213、线程调度子模块214和显示子模块215；

所述渲染进程模块220可以包括：接收子模块221、网页生成子模块222和通知子模块223；

其中，所述请求接收子模块211，用于接收目标浏览请求；

所述控制数据获取子模块212，用于获取所述目标浏览请求对应的控制数据；

所述判断子模块213，用于判断所述目标浏览请求是否为所述主UI线程所对应的网页生成请求，如果是，触发线程调度子模块；

所述线程调度子模块214，用于调用所述主UI线程，通过所述主UI线程向渲染进程模块的接收子模块221发送所述目标浏览请求和所述控制数据；

所述显示子模块215，用于显示所述渲染进程模块220的网页生成子模块222所生成的所述目标浏览请求对应的网页数据；

所述接收子模块221，用于接收所述目标浏览请求和所述控制数据；

所述网页生成子模块222，用于利用所述控制数据生成所述目标浏览请求所对应的网页数据；

所述通知子模块223，用于在网页数据生成完毕后通知所述浏览器主进程210的显示子模块215。

本发明实施例中，预先设定主UI线程在浏览器主进程所包括的各种线程中的优先级最高；当浏览器主进程接收到目标浏览请求后，获取目标浏览请求对应的控制数据，并判断目标浏览请求是否为主UI线程所对应的网页生成请求，如果是，调用主UI线程，通过该主UI线程向渲染进程发送该目标浏览请求和控制数据；渲染进程在接收到目标浏览请求和控制数据后，利用控制数据生成目标浏览请求所对应的网页数据，并在网页数据生成完毕后通知浏览器主进程；浏览器主进程显示渲染进程所生成的目标浏览请求对应的网页数据。可见，本方案中，优先处理作为网页生成请求的浏览请求，而并非将其放置到消息队列中等待，因此，可以提高网页显示的顺滑度，进而提高用户的浏览体验。

更进一步的，如图3所示，所述浏览器主进程模块还可以包括：请求处理子模块216；

所述判断子模块213，还用于在判断出所述目标浏览请求不为所述主UI线程所对应的网页生成请求时，触发请求处理子模块216；

所述请求处理子模块216，用于将所述目标浏览请求和所述控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

可选的，所述浏览器所对应的进程架构还可以包括：GPU进程；

所述网页生成子模块222，具体用于利用所述控制数据，通过控制所述GPU进程，以硬件加速合成方式生成所述目标浏览请求所对应的网页数据。

可选的，所述网页生成子模块222，具体用于利用所述控制数据，通过软件渲染方式生成所述目标浏览请求所对应的网页数据。

对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本领域普通技术人员可以理解实现上述方法实施方式中的全部或部分步骤是可以通过程序来请求相关的硬件来完成，所述的程序可以存储于计算机可读取存储介质中，这里所称得的存储介质，如：ROM/RAM、磁碟、光盘等。

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

Claims (8)

1.一种生成网页的方法，其特征在于，适用于浏览器，所述浏览器所对应的进程架构至少包括：渲染进程、至少包括主UI线程的浏览器主进程；其中，预先设定所述主UI线程在浏览器主进程所包括的各种线程中的优先级最高；

所述方法包括：

浏览器主进程接收目标浏览请求，获取所述目标浏览请求对应的控制数据，并判断所述目标浏览请求是否为所述主UI线程所对应的网页生成请求，如果是，调用所述主UI线程，通过所述主UI线程向渲染进程发送所述目标浏览请求和所述控制数据；

所述渲染进程在接收到所述目标浏览请求和所述控制数据后，利用所述控制数据生成所述目标浏览请求所对应的网页数据，并在网页数据生成完毕后通知所述浏览器主进程；

所述浏览器主进程显示所述渲染进程所生成的所述目标浏览请求对应的网页数据。

2.根据权利要求1所述的方法，其特征在于，还包括：

当判断出所述目标浏览请求不为所述主UI线程所对应的网页生成请求时，将所述目标浏览请求和所述控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

3.根据权利要求1或2所述的方法，其特征在于，所述浏览器所对应的进程架构还包括：GPU进程；

所述渲染进程利用所述控制数据生成所述目标浏览请求所对应的网页数据，包括：

渲染进程利用所述控制数据，通过控制所述GPU进程，以硬件加速合成方式生成所述目标浏览请求所对应的网页数据。

4.根据权利要求1或2所述的方法，其特征在于，所述渲染进程利用所述控制数据生成所述目标浏览请求所对应的网页数据，包括：

渲染进程利用所述控制数据，通过软件渲染方式生成所述目标浏览请求所对应的网页数据。

5.一种生成网页的装置，其特征在于，适用于浏览器，所述浏览器所对应的进程架构至少包括：渲染进程、至少包括主UI线程的浏览器主进程；其中，预先设定所述主UI线程在浏览器主进程所包括的各种线程中的优先级最高；所述装置包括：

用于执行所述浏览器主进程的功能的浏览器主进程模块、用于执行所述渲染进程的功能的渲染进程模块；

其中，所述浏览器主进程模块包括：请求接收子模块、控制数据获取子模块、判断子模块、线程调度子模块和显示子模块；

所述渲染进程模块包括：接收子模块、网页生成子模块和通知子模块；

其中，所述请求接收子模块，用于接收目标浏览请求；

所述控制数据获取子模块，用于获取所述目标浏览请求对应的控制数据；

所述判断子模块，用于判断所述目标浏览请求是否为所述主UI线程所对应的网页生成请求，如果是，触发线程调度子模块；

所述线程调度子模块，用于调用所述主UI线程，通过所述主UI线程向渲染进程模块的接收子模块发送所述目标浏览请求和所述控制数据；

所述显示子模块，用于显示所述渲染进程模块的网页生成子模块所生成的所述目标浏览请求对应的网页数据；

所述接收子模块，用于接收所述目标浏览请求和所述控制数据；

所述网页生成子模块，用于利用所述控制数据生成所述目标浏览请求所对应的网页数据；

所述通知子模块，用于在网页数据生成完毕后通知所述浏览器主进程的显示子模块。

6.根据权利要求5所述的装置，其特征在于，所述浏览器主进程模块还包括：请求处理子模块；

所述判断子模块，还用于在判断出所述目标浏览请求不为所述主UI线程所对应的网页生成请求时，触发请求处理子模块；

所述请求处理子模块，用于将所述目标浏览请求和所述控制数据存放于正常的消息队列中，按照先进先出的原则，等待处理。

7.根据权利要求5或6所述的装置，其特征在于，所述浏览器所对应的进程架构还包括：GPU进程；

所述网页生成子模块，具体用于利用所述控制数据，通过控制所述GPU进程，以硬件加速合成方式生成所述目标浏览请求所对应的网页数据。

8.根据权利要求5或6所述的装置，其特征在于，所述网页生成子模块，具体用于利用所述控制数据，通过软件渲染方式生成所述目标浏览请求所对应的网页数据。