CN103955548A - 一种网页渲染方法及装置 - Google Patents

Abstract

本发明实施例公开了一种网页渲染方法及装置，涉及互联网技术领域，应用于浏览器中，所述方法包括：接收服务器端发送的目标网页的源代码；确定所述目标网页的源代码中满足预设条件的iframe标签；调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。应用本发明实施例提供的方法，渲染iframe标签对应的源代码出错时，只影响当前进程，而不会导致渲染目标网页的其他数据的进程出错或崩溃，提高了用户体验效果。

Description

一种网页渲染方法及装置

技术领域

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

背景技术

iframe标签，是HTML(Hyper Text Mark-up Language，超文本标记语言)中的一种标签，可以用来在当前HTML页面中内嵌另一个HTML页面。网页源代码中可能会包含一个或多个iframe标签。这样的网页源代码在一个进程中进行渲染。因此，在网页渲染过程中，若一个iframe标签对应的部分渲染出错，则可导致整个网页的源代码渲染过程出错，甚至崩溃，进而影响用户体验效果。

发明内容

本发明实施例公开了一种网页渲染方法及装置，以在渲染网页源代码中的iframe标签对应的框架出错时，不会导致整个网页渲染过程崩溃，提高用户体验效果。

为达到上述目的，本发明实施例公开了一种网页渲染方法，应用于浏览器中，所述方法包括：

接收服务器端发送的目标网页的源代码；

确定所述目标网页的源代码中满足预设条件的iframe标签；

调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；

调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。

较佳的，所述确定所述目标网页的源代码中满足预设条件的iframe标签，包括：

根据所述目标网页的源代码确定其中包含的iframe标签；

根据所述iframe标签对应的源代码，确定该iframe标签的关键字；

根据所述iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

较佳的，所述确定所述目标网页的源代码中满足预设条件的iframe标签，包括：

确定所述目标网页的源代码中的一个或多个满足预设条件的iframe标签。

较佳的，在确定所述目标网页的源代码中包含N个满足预设条件的iframe标签时，其中，N>1，所述调用至少一个与第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

调用M个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，其中，1≤M≤N。

较佳的，在确定所述目标网页的源代码中包含N个满足预设条件的iframe标签时，其中，N>1，

所述调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

根据所述满足预设条件的iframe标签对应的源代码确定各个iframe标签的关键字；

根据所述关键字对所述满足预设条件的iframe标签分类；

将同一分类中的iframe标签对应的源代码在同一个与所述第一渲染进程不同的渲染进程中渲染。

较佳的，所述调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核；

在所调用的不同于所述第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。

为达到上述目的，本发明实施例公开了一种网页渲染装置，应用于浏览器中，所述装置包括：

源代码接收模块，用于接收服务器端发送的目标网页的源代码；

iframe标签确定模块，用于确定所述目标网页的源代码中满足预设条件的iframe标签；

第一源代码渲染模块，用于调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；

第二源代码渲染模块，用于调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。

较佳的，所述iframe标签确定模块，包括：

第一iframe标签确定子模块，用于根据所述目标网页的源代码确定其中包含的iframe标签；

第一关键字确定子模块，用于根据所述iframe标签对应的源代码，确定该iframe标签的关键字；

第二iframe标签确定子模块，用于根据所述iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

较佳的，所述iframe标签确定模块，具体用于确定所述目标网页的源代码中的一个或多个满足预设条件的iframe标签。

较佳的，所述第二源代码渲染模块，具体用于在确定所述源代码中包含N个iframe标签时，其中，N>1，调用M个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，其中，1≤M≤N。

较佳的，所述第二源代码渲染模块，包括：

第二关键字确定子模块，用于在确定所述源代码中包含N个iframe标签时，其中，N>1，根据所述满足预设条件的iframe标签对应的源代码确定各个iframe标签的关键字；

标签分类子模块，用于根据所述关键字对所述满足预设条件的iframe标签分类；

第一源代码渲染子模块，用于将同一分类中的iframe标签对应的源代码在同一个与所述第一渲染进程不同的渲染进程中渲染。

较佳的，所述第二源代码渲染模块，包括：

渲染内核确定子模块，用于根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核；

第二源代码渲染子模块，用于在所调用的不同于所述第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。

由以上可见，本发明实施例提供的方案中，客户端调用不同的渲染进程来分别渲染满足预设条件的iframe标签对应的源代码以及其他的网页源代码，即使渲染iframe标签对应的源代码出错，只影响当前渲染进程，而不会导致目标网页的其他源代码的渲染进程出错或崩溃，提高了用户体验效果。

附图说明

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

图1为本发明实施例提供的网页渲染方法的第一种流程示意图；

图2为本发明实施例提供的网页渲染方法的第二种流程示意图；

图3为本发明实施例提供的网页渲染方法的第三种流程示意图；

图4为本发明实施例提供的网页渲染装置的第一种结构示意图；

图5为本发明实施例提供的网页渲染装置的第二种结构示意图；

图6为本发明实施例提供的网页渲染装置的第三种结构示意图。

具体实施方式

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

图1为本发明实施例提供的网页渲染方法的第一种流程示意图，应用于浏览器中，该方法包括：

S101：接收服务器端发送的目标网页的源代码。

S102：确定目标网页的源代码中满足预设条件的iframe标签。

在确定源代码中的iframe标签时，可以通过检测源代码中是否存在成对出现的<iframe>和</iframe>确定。其中，<iframe>表示iframe起始标签，</iframe>表示iframe结束标签。

实际应用中，目标网页的源代码中可能存在一个或多个满足预设条件的iframe标签。

其中，预设条件的iframe标签可以是来自预设网站的iframe标签、预设类型的iframe标签，如论坛类型等等。

S103：调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了满足预设条件的iframe标签对应的源代码之外的部分。

S104：调用至少一个与第一渲染进程不同的渲染进程，渲染满足预设条件的iframe标签对应的源代码。

需要说明的是，上述的S102确定目标网页的源代码中满足预设条件的iframe标签可以在S103渲染网页源代码之前执行，也可以在S103渲染网页源代码的过程中执行，若在S103渲染网页源代码的过程中检测出该网页源代码中存在iframe标签，则执行S104调用与第一渲染进程不同的渲染进程，渲染所检测到的iframe标签的源代码，本申请并不限定S102和S103的执行顺序。

在本发明的一个具体实施例中，参见图2，上述确定目标网页的源代码中满足预设条件的iframe标签(S102)，可以包括：

S102A：根据所述目标网页的源代码确定其中包含的iframe标签。

目标网页的源代码中包含的iframe标签，可以是一个或多个iframe标签。

S102B：根据iframe标签对应的源代码，确定该iframe标签的关键字。

其中，所确定的iframe标签的关键字可以是：iframe标签对应的源代码的内容的来源网站，例如：www.taobao.com、www.sohu.com等等；或者可以是：iframe标签对应的源代码的内容的类型，例如：论坛、新闻等等。

当然，本申请只是以上述为例进行说明，实际应用中iframe标签的关键字的类型不仅限于此，可以根据实际情况确定。

S102C：根据iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

在本发明的实施例中，上述关键字列表用于存储指定的关键字，用户可以根据实际应用情况，更新该列表的内容。

如果在S102确定目标网页的源代码中包含N个满足预设条件的iframe标签，其中，N≥1，可以调用M个与第一渲染进程不同的渲染进程渲染所确定的满足预设条件的iframe标签对应的源代码，其中，1≤M≤N，M可以是所述满足预设条件的iframe标签的个数，也可以是所述满足预设条件的iframe标签的类型的个数。

例如，可以根据满足预设条件的iframe标签的来源网站进行分类，例如，将网站为www.taobao.com的作为一类，将网站为www.sohu.com的作为另一类等等；

还可以根据满足预设条件的iframe标签的源代码内容进行分类，例如，将论坛的作为一类，新闻作为另一类等等。

如果调用的不同于第一渲染进程的渲染进程的数量等于iframe标签的类型的个数，可以将同一分类中iframe标签对应的源代码在同一个不同于第一渲染进程的渲染进程中渲染。

由以上可见，本发明实施例提供的方案中，客户端调用不同的渲染进程来分别渲染满足预设条件的iframe标签对应的源代码以及其他的网页源代码，即使渲染iframe标签对应的源代码出错，只影响当前渲染进程，而不会导致目标网页的其他源代码的渲染进程出错或崩溃，提高了用户体验效果。

在本发明的一个优选实施例中，参见图3，调用至少一个不同于第一渲染进程的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码(S104)，可以包括：

S104A：根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核。

当浏览器中存在多个渲染内核时，可通过所确定的iframe标签对应的源代码的确定渲染内核，例如，通过iframe标签对应的内容确定该iframe标签的关键字，根据该关键字在浏览器的多个渲染内核中确定渲染该iframe标签对应的源代码所需的渲染内核。

S104B：在所调用的不同于第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。

由以上可见，本实施例提供的方案中，根据iframe标签对应的源代码确定所需的渲染内核，在网页渲染过程中，可以降低出现格式错误的概率，提高了用户体验效果。

图4为本发明实施例提供的网页渲染装置的第一种结构示意图，应用于浏览器中，所述浏览器调用第一渲染进程渲染网页，该装置包括：源代码接收模块401、iframe标签确定模块402、第一源代码渲染模块403和第二源代码渲染模块404。

其中，源代码接收模块401，用于接收服务器端发送的目标网页的源代码；

iframe标签确定模块402，用于确定所述目标网页的源代码中满足预设条件的iframe标签；

第一源代码渲染模块403，用于调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；

第二源代码渲染模块404，用于调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。

在本发明的一个具体实施例中，参见图5，iframe标签确定模块402，可以包括：第一iframe标签确定子模块4021、第一关键字确定子模块4022和第二iframe标签确定子模块4023。

其中，第一iframe标签确定子模块4021，用于根据所述目标网页的源代码确定其中包含的iframe标签；

第一关键字确定子模块4022，用于根据所述iframe标签对应的源代码，确定该iframe标签的关键字；

第二iframe标签确定子模块4023，用于根据所述iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

具体的，所述iframe标签确定模块，具体用于确定所述目标网页的源代码中的一个或多个满足预设条件的iframe标签。

具体的，所述第二源代码渲染模块402，具体用于在确定所述源代码中包含N个iframe标签时，其中，N>1，调用M个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，其中，1≤M≤N。

具体的，所述第二源代码渲染模块404，可以包括：第二关键字确定子模块、标签分类子模块和第一源代码渲染子模块(图中未示出)。

其中，第二关键字确定子模块，用于在确定所述源代码中包含N个iframe标签时，其中，N>1，根据所述满足预设条件的iframe标签对应的源代码确定各个iframe标签的关键字；

标签分类子模块，用于根据所述关键字对所述满足预设条件的iframe标签分类；

第一源代码渲染子模块，用于将同一分类中的iframe标签对应的源代码在同一个与所述第一渲染进程不同的渲染进程中渲染。

由以上可见，本发明实施例提供的方案中，客户端调用不同的渲染进程来分别渲染满足预设条件的iframe标签对应的源代码以及其他的网页源代码，即使渲染iframe标签对应的源代码出错，只影响当前渲染进程，而不会导致目标网页的其他源代码的渲染进程出错或崩溃，提高了用户体验效果。

在本发明的一个优选实施例中，参见图6，第二源代码渲染模块404可以包括：渲染内核确定子模块4041和第二源代码渲染子模块4042。

其中，渲染内核确定子模块4041，用于根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核；

第二源代码渲染子模块4042，用于在所调用的不同于所述第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。

由以上可见，本实施例提供的方案中，根据iframe标签对应的源代码确定所需的渲染内核，在网页渲染过程中，可以降低出现格式错误的概率，提高了用户体验效果。

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

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

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

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

Claims (10)

1.一种网页渲染方法，应用于浏览器中，其特征在于，所述方法包括：

接收服务器端发送的目标网页的源代码；

确定所述目标网页的源代码中满足预设条件的iframe标签；

调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；

调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。

2.根据权利要求1所述的方法，其特征在于，所述确定所述目标网页的源代码中满足预设条件的iframe标签，包括：

根据所述目标网页的源代码确定其中包含的iframe标签；

根据所述iframe标签对应的源代码，确定该iframe标签的关键字；

根据所述iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

3.根据权利要求1或2所述的方法，其特征在于，如果所述目标网页的源代码中包含N个满足预设条件的iframe标签，其中，N>1，所述调用至少一个与第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

调用M个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，其中，1≤M≤N。

4.根据权利要求3所述的方法，其特征在于，如果所述目标网页的源代码中包含N个满足预设条件的iframe标签，其中，N>1，

所述调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

根据所述满足预设条件的iframe标签对应的源代码确定各个iframe标签的关键字；

根据所述关键字对所述满足预设条件的iframe标签分类；

将同一分类中的iframe标签对应的源代码在同一个与所述第一渲染进程不同的渲染进程中渲染。

5.根据权利要求1所述的方法，其特征在于，所述调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，包括：

根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核；

在所调用的不同于所述第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。

6.一种网页渲染装置，应用于浏览器中，其特征在于，所述装置包括：

源代码接收模块，用于接收服务器端发送的目标网页的源代码；

iframe标签确定模块，用于确定所述目标网页的源代码中满足预设条件的iframe标签；

第一源代码渲染模块，用于调用第一渲染进程，并在第一渲染进程中渲染该目标网页的源代码中除了所述满足预设条件的iframe标签对应的源代码之外的部分；

第二源代码渲染模块，用于调用至少一个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码。

7.根据权利要求6所述的装置，其特征在于，所述iframe标签确定模块，包括：

第一iframe标签确定子模块，用于根据所述目标网页的源代码确定其中包含的iframe标签；

第一关键字确定子模块，用于根据所述iframe标签对应的源代码，确定该iframe标签的关键字；

第二iframe标签确定子模块，用于根据所述iframe标签的关键字，在预设的关键字列表中查找，确定能够在上述关键字列表中查找到的关键字对应的iframe标签为满足预设条件的iframe标签。

8.根据权利要求6或7所述的装置，其特征在于，如果所述源代码中包含N个iframe标签，其中，N>1，所述第二源代码渲染模块，具体用于调用M个与所述第一渲染进程不同的渲染进程，渲染所述满足预设条件的iframe标签对应的源代码，其中，1≤M≤N。

9.根据权利要求8所述的装置，其特征在于，所述第二源代码渲染模块，包括：第二关键字确定子模块；

如果所述源代码中包含N个iframe标签，N>1，所述第二关键字确定子模块用于根据所述满足预设条件的iframe标签对应的源代码确定各个iframe标签的关键字；

标签分类子模块，用于根据所述关键字对所述满足预设条件的iframe标签分类；

第一源代码渲染子模块，用于将同一分类中的iframe标签对应的源代码在同一个与所述第一渲染进程不同的渲染进程中渲染。

10.根据权利要求6所述的装置，其特征在于，所述第二源代码渲染模块，包括：

渲染内核确定子模块，用于根据所述满足预设条件的iframe标签对应的源代码，确定渲染内核；

第二源代码渲染子模块，用于在所调用的不同于所述第一渲染进程的渲染进程中，用所确定的渲染内核渲染相应的iframe标签对应的源代码。