一种网页优化处理方法、装置及客户端的制作方法
【专利摘要】本发明实施例提供一种网页优化处理方法、装置及客户端，其中的方法可包括：加载网页的页面数据，将所述页面数据转换为元素节点；将所述元素节点添加至窗口的展示列中进行显示；根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置；检测到对所述网页的新的页面数据的触发操作时，加载所述网页的新的页面数据并在所述确定的显示位置显示所述网页的新的页面数据。本发明可对网页的显示过程进行优化处理，提升网页的显示效果，减少内存占用，提升装置性能。
【专利说明】—种网页优化处理方法、装置及客户端
【技术领域】
[0001]本发明涉及一种互联网【技术领域】，尤其涉及一种网页优化处理方法、装置及客户端。
【背景技术】
[0002]传统的网页展示过程中，网页的页面数据通常按列展示。请参见图la，为现有的网页显示的一个示意图；客户端从服务器获取网页的页面数据和该页面数据的显示顺序；将该页面数据转换为元素节点，如图1a所示，9个页面数据可转换为9个元素节点，从元素节点I至元素节点9 ;按照该页面数据的显示顺序依次将对应的元素节点按列显示，如图1a所示,窗口中包含3个展示列,则将9个元素节点依次逐行添加至展示列中进行显示。请参见图lb，为现有的网页显示的另一个示意图；当需要在窗口中显示该网页的新的页面数据时，例如:用户滚动窗口中的垂直滚动条，或者用户点击窗口中的翻页按键，则需要在窗口中显示该网页的新的页面数据；此时，获取新的页面数据并转换为新的元素节点，如图1b所示，3个新的页面数据对应3个新的元素节点，从元素节点10至元素节点12，按照该新的页面数据的显示顺序依次将元素节点10至元素节点12添加至各展示列中进行显示。上述可知，现有的网页显示过程直接按照页面数据的显示顺序进行依次显示，并不对窗口中的具体展现情况进行分析，由于每个展示列中显示的元素节点的高度参差不齐，使得窗口中显示的网页中存在较多的空白区域，如图1a和图1b所示，影响了网页的显示效果，同时由于空白面积的增大造成网页渲染占用的内存增大，降低了装置的性能。
【发明内容】
[0003]本发明实施例提供一种网页优化处理方法、装置及客户端，可对网页的显示过程进行优化处理，提升网页的显示效果，减少内存占用，提升装置性能。
[0004]本发明第一方面提供一种网页优化处理方法，可包括:
[0005]加载网页的页面数据，将所述页面数据转换为元素节点；
[0006]将所述元素节点添加至窗口的展示列中进行显示；
[0007]根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置；
[0008]检测到对所述网页的新的页面数据的触发操作时，加载所述网页的新的页面数据并在所述确定的显示位置显示所述网页的新的页面数据。
[0009]本发明第二方面提供一种网页优化处理装置，可包括:
[0010]加载模块，用于加载网页的页面数据，将所述页面数据转换为元素节点；
[0011]显示模块，用于将所述元素节点添加至窗口的展示列中进行显示；
[0012]位置确定模块，用于根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置；
[0013]触发模块，用于在检测到对所述网页的新的页面数据的触发操作时，触发所述加载模块加载所述网页的新的页面数据，并由所述显示模块在所述确定的显示位置显示所述网页的新的页面数据。
[0014]本发明第三方面提供一种客户端，可包括上述第二方面提供的网页优化处理装置。
[0015]实施本发明实施例，具有如下有益效果:
[0016]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
【专利附图】
【附图说明】
[0017]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0018]图1a为现有的网页显示的一个示意图；
[0019]图1b为现有的网页显不的另Iv不意图；
[0020]图2为本发明实施例提供的一种网页优化处理方法的流程图；
[0021]图3为本发明实施例提供的另一种网页优化处理方法的流程图；
[0022]图4a为本发明实施例提供的网页显示的一个示意图；
[0023]图4b为本发明实施例提供的网页显示的另一个示意图；
[0024]图5为本发明实施例提供的一种网页优化处理装置的结构示意图；
[0025]图6为本发明实施例提供的另一种网页优化处理装置的结构示意图；
[0026]图7为本发明实施例提供的加载模块的结构示意图；
[0027]图8为本发明实施例提供的显示模块的一个实施例的结构示意图；
[0028]图9为本发明实施例提供的显示模块的另一个实施例的结构示意图；
[0029]图10为本发明实施例提供的位置确定模块的结构示意图。
【具体实施方式】
[0030]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0031]本发明实施例中，客户端可以包括但不限于:PC (Personal Computer,个人计算机)、手机、智能手机、平板电脑、笔记本电脑等终端设备。网页优化处理装置可以为浏览器或包含浏览器的应用。
[0032]下面将结合附图2-附图4，对本发明实施例提供的网页优化处理方法进行详细介绍。[0033]请参见图2，为本发明实施例提供的一种网页优化处理方法的流程图；该方法可包括以下步骤SlOl-步骤S104。
[0034]S101，加载网页的页面数据，将所述页面数据转换为元素节点；
[0035]其中，网页的页面数据通常指网页的HTML (Hypertext Markup Language,超文本标记语言)源代码，从服务器获得网页的页面数据之后，若要对该网页进行展示，需要加载该网页的页面数据，并解析该网页的页面数据生成网页显示所需的元素节点。具体实现中，本步骤可加载网页的页面数据，将所述页面数据转换为D0M(Document Object Model,文档对象模型)元素节点。
[0036]S102，将所述元素节点添加至窗口的展示列中进行显示；
[0037]其中，网页的页面数据通常按列展示，用于展示页面数据的列可称为展示列，将网页的页面数据转换形成的元素节点添加至窗口的展示列中进行显示，即实现了在窗口中显示所述网页。
[0038]S103，根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置；
[0039]其中，展示列的显示高度为该展示列中所有元素节点的高度之和。由于每个元素节点的高度可能存在差异，因此窗口中每个展示列的显示高度也可能存在差异，展示列的显示高度差会使得网页中存在空白区域，现有技术中由于并未考虑展示列的显示高度，则当需要显示所述网页的新的页面数据时，这些空白区域则影响网页的显示效果。本发明实施例中，为了保证网页的显示效果，本步骤考虑了窗口的展示列的显示高度，即考虑了展示列中各个元素节点的高度差异的情况，基于所述展示列的显示高度，确定所述网页的新的页面数据的显示位置，可保证当需要显示所述网页的新的页面数据时，窗口中每个展示列的显示高度相对一致，减少网页中的空白区域，提升网页的显示效果。
[0040]S104，检测到对所述网页的新的页面数据的触发操作时，加载所述网页的新的页面数据并在所述确定的显示位置显示所述网页的新的页面数据。
[0041]其中，所述触发操作可以包括:滚动窗口中的垂直滚动条的操作，或者对窗口中的翻页按键的点击操作，等等。当需要对所述网页的新的页面数据进行显示时，加载所述网页的新的页面数据，将所述网页的新的页面数据转换为新的元素节点，在所述确定的显示位置添加所述新的元素节点，以显示所述网页的新的页面数据。
[0042]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0043]请参见图3，为本发明实施例提供的另一种网页优化处理方法的流程图；该方法可包括以下步骤S201-步骤S213。
[0044]S201,检测到网页请求时，根据所述网页请求携带的URL (Uniform ResourceLocator,统一资源定位符)地址，从服务器获取所请求网页的页面数据和所述页面数据的显示顺序。
[0045]其中，用户欲浏览网页时，可发起网页请求，例如:用户点击网页的URL地址链接发起网页请求，或者用户在网页地址栏中输入URL地址发起网页请求。本步骤中，在检测到网页请求时，首先对该网页请求携带的URL地址进行域名解析，获得所请求网页的IP(Internet Protocol,网协)地址；基于该IP地址向服务器发起网页请求，接收服务器返回的所请求网页的页面数据和所述页面数据的显示顺序。
[0046]S202，按照获取的所述网页的页面数据的显示顺序，从获取的所述页面数据中选择预设数量的页面数据；
[0047]其中，预设数量可根据实际需要进行设定，设定过程中可考虑网页优化处理装置的性能、网页渲染能力、渲染计算量、窗口的展示列的数量及网页显示效果等因素，优选地，可设定预设数量为2n-l，其中η为正整数且η为窗口中展示列的数量。本实施例中，将预设数量优选设定为2η-1，可使得在对该2η-1个页面数据进行加载和显示时，对2η_1个页面数据进行分批渲染、计算和处理，既能保证网页的优化显示效果，使得窗口中每个展示列的显示高度相对保持一致，又在一定程度上减少渲染计算量，保证了网页优化处理装置的性能。
[0048]S203，加载所述预设数量的页面数据，将所述预设数量的页面数据转换为预设数量的元素节点；
[0049]其中，网页的页面数据通常指网页的HTML源代码，从服务器获得网页的页面数据之后，若要对该网页进行展示，需要加载该网页的页面数据，并解析该网页的页面数据生成网页显示所需的元素节点。在选择了需要加载的预设数量的页面数据之后，本步骤可加载选择的所述预设数量的页面数据，将所述预设数量的页面数据转换为预设数量的DOM元素节点。
[0050]S204，根据窗口的宽度信息和预设的展示列的宽度信息，确定所述窗口中展示列的数量；
[0051]考虑到用户对网页的浏览习惯，通常地，在窗口采用展示列显示网页的页面数据时，所有展示列的宽度之和应当不大于窗口的宽度，以使得用户无需使用水平滚动条对网页进行浏览。具体地，可预设每个展示列的宽度信息，根据窗口的宽度信息和预设的每个展示列的宽度信息，确定所述窗口中的展示列的数量；例如:假设窗口的宽度信息为46cm，每个展示列的宽度信息均为15cm，则可确定所述窗口中展示列的数量优选为3，即采用3个展示列显示网页的页面数据。
[0052]S205，按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口的每个展示列中进行显示；
[0053]服务器在返回网页的页面数据时，同时指示所述页面数据的显示顺序，本步骤按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口中的每个展示列中进行显示。请一并参见图4a，为本发明实施例提供的网页显示的一个示意图；如图4a所示,所述窗口中有3个展示列(图中未标号),则n=3 ;所述预设数量为2n-l=2*3-l=5，该5个页面数据的显示顺序为从页面数据I至页面数据5依次显示，本步骤的处理过程为:依次将页面数据I对应的元素节点I添加至展示列一中，将页面数据2对应的元素节点2添加至展示列二中，将页面数据3对应的元素节点3添加至展示列三中，再将页面数据4对应的元素节点4添加至展示列一中，再将页面数据5对应的元素节点5添加至展示列二中。需要说明的是，本步骤依次将所述预设数量的元素节点逐行添加至所述窗口的每个展示列中进行显示，此处理过程具体可参见现有技术中浏览器对元素节点的渲染过程。
[0054]S206，获取所述窗口中每个元素节点的高度；
[0055]当元素节点被添加至窗口中的展示列进行显示后，网页优化处理装置则可获取每个元素节点的高度，其中，每个元素节点的高度即为每个元素节点在所述窗口中所占的显不闻度。
[0056]S207，根据所述窗口的每个展示列中的所有元素节点的高度，计算每个展示列的显不闻度；
[0057]其中，每个展示列的显示高度为每个展示列中所有元素节点的高度的总和，例如:展示列一中包含元素节点I和元素节点4，则展示列一的显示高度为元素节点I的高度与元素节点4的高度之和为展示列一的显示高度。
[0058]S208，将显示高度最小的展示列确定为所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据的显示位置。
[0059]在计算得到窗口中每个展示列的显示高度之后，比较每个展示列的显示高度，从中选择显示高度最小的展示列；例如:假设所述窗口中有3个展示列，展示列一的显示高度为50cm,展示列二的显示高度为40cm,展示列三的显示高度为45cm,则从3个展示列中选择展示列二，将选择的展示列二确定为所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据的显示位置，即当需要显示所述网页的新的页面数据时，从展示列二逐行添加所述新的页面数据对应的元素节点进行显示。
[0060]S209，检测到对所述网页的新的页面数据的触发操作时，加载所述网页的新的页面数据，将所述新的页面数据转换为新的元素节点；
[0061]其中，所述触发操作可以包括:滚动窗口中的垂直滚动条的操作，或者对窗口中的翻页按键的点击操作，等等。例如:用户滚动窗口中的垂直滚动条拉取网页的新的页面数据时，如果垂直滚动条的位置到达显示高度最小的展示列的底部，即所述显示高度最小的展示列中最晚添加的元素节点的底部已显示于所述窗口中，则需要显示所述网页的新的页面数据。本步骤中，则重新按照获取的所述网页的页面数据的显示顺序，从获取的所述页面数据中选择预设数量的新的页面数据；加载所述预设数量的新的页面数据，将所述预设数量的新的页面数据转换为预设数量的新的元素节点。本步骤的加载过程可参见步骤S202-步骤S203中的相关描述，在此不赘述。
[0062]S210，将所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据对应的所述新的元素节点添加至所述窗口中显示高度最小的展示列中进行显示；
[0063]S211，按照所述网页的新的页面数据的显示顺序，依次将其他的所述新的元素节点添加至所述窗口的每个展示列中进行显示。
[0064]可采用上述例子详细说明步骤S210-步骤S211的具体实现。请一并参见图4b，为本发明实施例提供的网页显示的另一个示意图；所述窗口中有3个展示列(图中未标号)，则n=3 ;所述窗口中展示列二的显示高度最小。所述预设数量为2n-l=2*3-l=5,该5个新的页面数据的显示顺序为从页面数据6至页面数据10依次显示，步骤S210的处理过程为:将显示顺序位于首位的页面数据6对应的元素节点6添加至展示列二中；步骤S210的处理过程为:依次将页面数据7对应的元素节点7添加至展示列三中，将页面数据8对应的元素节点8添加至展示列一中，再将页面数据9对应的元素节点9添加至展示列二中，再将页面数据10对应的元素节点10添加至展示列三中。由于考虑了窗口的展示列的显示高度，即考虑了展示列中各个元素节点的高度差异的情况，具体地基于显示高度最小的展示列确定新的页面数据的显示位置，从而有效地减少由于展示列的显示高度差产生的页面空白区域，可保证当需要显示所述网页的新的页面数据时，窗口中每个展示列的显示高度相对一致，提升网页的显示效果。
[0065]S212，存储所述窗口中每个元素节点的高度，以及存储所述窗口中每个展示列的显不闻度；
[0066]本步骤中，对所述窗口中每个元素节点的高度，以及所述窗口中每个展示列的显示高度的存储，可避免在网页优化处理过程中执行重复的渲染计算，减少渲染计算量，保证了网页优化处理装置的性能。
[0067]S213，当所述窗口的任一个展示列中的元素节点发生变化时，更新存储的所述展示列的显示高度。
[0068]其中，展示列中的元素节点发生变化可以为:删除展示列中的元素节点、向展示列中添加元素节点以及修改展示列中的元素节点。窗口中的任一个展示列的元素节点发生变化时，可能导致该展示列的显示高度发生变化，本步骤则及时更新存储的所述展示列的显示高度，以保证网页优化处理过程的准确性，保证网页的优化效果。
[0069]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0070]下面将结合附图5-附图10，对本发明实施例提供的网页优化处理装置进行详细介绍。需要说明的是，下述的装置可以应用于上述方法中。
[0071]请参见图5，为本发明实施例提供的一种网页优化处理装置的结构示意图；该装置可包括:加载模块101、显示模块102、位置确定模块103和触发模块104。
[0072]加载模块101，用于加载网页的页面数据，将所述页面数据转换为元素节点；
[0073]其中，网页的页面数据通常指网页的HTML源代码，从服务器获得网页的页面数据之后，若要对该网页进行展示，需要加载该网页的页面数据，并解析该网页的页面数据生成网页显示所需的元素节点。具体实现中，所述加载模块101可加载网页的页面数据，将所述页面数据转换为DOM元素节点。
[0074]显示模块102，用于将所述元素节点添加至窗口的展示列中进行显示；
[0075]其中，网页的页面数据通常按列展示，用于展示页面数据的列可称为展示列，将网页的页面数据转换形成的元素节点添加至窗口的展示列中进行显示，即实现了在窗口中显示所述网页。
[0076]位置确定模块103，用于根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置；
[0077]其中，展示列的显示高度为该展示列中所有元素节点的高度之和。由于每个元素节点的高度可能存在差异，因此窗口中每个展示列的显示高度也可能存在差异，展示列的显示高度差会使得网页中存在空白区域，现有技术中由于并未考虑展示列的显示高度，则当需要显示所述网页的新的页面数据时，这些空白区域则影响网页的显示效果。本发明实施例中，为了保证网页的显示效果，所述位置确定模块103考虑了窗口的展示列的显示高度，即考虑了展示列中各个元素节点的高度差异的情况，基于所述展示列的显示高度，确定所述网页的新的页面数据的显示位置，可保证当需要显示所述网页的新的页面数据时，窗口中每个展示列的显示高度相对一致，减少网页中的空白区域，提升网页的显示效果。
[0078]触发模块104，用于在检测到对所述网页的新的页面数据的触发操作时，触发所述加载模块加载所述网页的新的页面数据，并由所述显示模块在所述确定的显示位置显示所述网页的新的页面数据。
[0079]其中，所述触发操作可以包括:滚动窗口中的垂直滚动条的操作，或者对窗口中的翻页按键的点击操作，等等。当需要对所述网页的新的页面数据进行显示时，加载所述网页的新的页面数据，将所述网页的新的页面数据转换为新的元素节点，在所述确定的显示位置添加所述新的元素节点，以显示所述网页的新的页面数据。
[0080]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0081]请参见图6，为本发明实施例提供的另一种网页优化处理装置的结构示意图；该装置可包括:加载模块101、显示模块102、位置确定模块103、触发模块104、获取模块105、存储模块106和更新模块107。其中，加载模块101、显示模块102、位置确定模块103和触发模块104的结构可参见图5所示实施例的相关描述，在此不赘述。
[0082]获取模块105，用于在检测到网页请求时，根据所述网页请求携带的URL地址，从服务器获取所请求网页的页面数据和所述页面数据的显示顺序。
[0083]其中，用户欲浏览网页时，可发起网页请求，例如:用户点击网页的URL地址链接发起网页请求，或者用户在网页地址栏中输入URL地址发起网页请求。所述获取模块105在检测到网页请求时，首先对该网页请求携带的URL地址进行域名解析，获得所请求网页的IP地址；基于该IP地址向服务器发起网页请求，接收服务器返回的所请求网页的页面数据和所述页面数据的显示顺序。
[0084]存储模块106，存储所述窗口中每个元素节点的高度，以及存储所述窗口中每个展不列的显不闻度；
[0085]所述存储模块106对所述窗口中每个元素节点的高度，以及所述窗口中每个展示列的显示高度的存储，可避免在网页优化处理过程中执行重复的渲染计算，减少渲染计算量，保证了网页优化处理装置的性能。
[0086]更新模块107，用于当所述窗口的任一个展示列中的元素节点发生变化时，更新存储的所述展示列的显示高度。
[0087]其中，展示列中的元素节点发生变化可以为:删除展示列中的元素节点、向展示列中添加元素节点以及修改展示列中的元素节点。窗口中的任一个展示列的元素节点发生变化时，可能导致该展示列的显示高度发生变化，所述更新模块107及时更新存储的所述展示列的显示高度，以保证网页优化处理过程的准确性，保证网页的优化效果。
[0088]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0089]下面将对本发明实施例提供的网页优化处理装置中的各模块进行详细介绍。
[0090]请参见图7，为本发明实施例提供的加载模块的结构示意图；该加载模块101可包括:选择单元1101和加载单元1102。
[0091]选择单元1101，用于按照获取的所述网页的页面数据的显示顺序，从获取的所述页面数据中选择预设数量的页面数据；
[0092]其中，预设数量可根据实际需要进行设定，设定过程中可考虑网页优化处理装置的性能、网页渲染能力、渲染计算量、窗口的展示列的数量及网页显示效果等因素，优选地，可设定预设数量为2n-l，其中η为正整数且η为窗口中展示列的数量。本实施例中，将预设数量优选设定为2η-1，可使得在对该2η-1个页面数据进行加载和显示时，对2η_1个页面数据进行分批渲染、计算和处理，既能保证网页的优化显示效果，使得窗口中每个展示列的显示高度相对保持一致，又在一定程度上减少渲染计算量，保证了网页优化处理装置的性能。
[0093]加载单元1102，用于加载所述预设数量的页面数据，将所述预设数量的页面数据转换为预设数量的元素节点。
[0094]其中，网页的页面数据通常指网页的HTML源代码，从服务器获得网页的页面数据之后，若要对该网页进行展示，需要加载该网页的页面数据，并解析该网页的页面数据生成网页显示所需的元素节点。在选择了需要加载的预设数量的页面数据之后，加载单元1102可加载选择的所述预设数量的页面数据，将所述预设数量的页面数据转换为预设数量的DOM元素节点。
[0095]请参见图8，为本发明实施例提供的显示模块的一个实施例的结构示意图；显示模块1201可包括:展示列确定单元1201和第一显示处理单元1202。
[0096]展示列确定单元1201，用于根据窗口的宽度信息和预设的展示列的宽度信息，确定所述窗口中展示列的数量；
[0097]考虑到用户对网页的浏览习惯，通常地，在窗口采用展示列显示网页的页面数据时，所有展示列的宽度之和应当不大于窗口的宽度，以使得用户无需使用水平滚动条对网页进行浏览。具体地，可预设每个展示列的宽度信息，根据窗口的宽度信息和预设的每个展示列的宽度信息，确定所述窗口中的展示列的数量。
[0098]第一显示处理单元1202，用于按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口的每个展示列中进行显示。
[0099]服务器在返回网页的页面数据时，同时指示所述页面数据的显示顺序，所述第一显示处理单元1202按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口中的每个展示列中进行显示。[0100]请参见图9，为本发明实施例提供的显示模块的另一个实施例的结构示意图；该显示模块102可包括:展示列确定单元1201、第一显示处理单元1202和第二显示处理单元1203。其中，展示列确定单元1201和第一显示处理单元1202的结构可参见图8所示实施例的相关描述，在此不赘述。
[0101]第二显示处理单元1203，用于将所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据对应的所述新的元素节点添加至所述窗口中显示高度最小的展示列中进行显示，以及按照所述网页的新的页面数据的显示顺序，依次将其他的所述新的元素节点添加至所述窗口的每个展示列中进行显示。
[0102]需要说明的是，所述第二显示处理单元1203在进行显示处理之前，所述加载模块先根据所述触发模块的触发加载所述网页的新的页面数据，将所述新的页面数据转换为新的元素节点。
[0103]请参见图10，为本发明实施例提供的位置确定模块的结构示意图；该位置确定模块103可包括:高度获取单元1301、计算单元1302和位置确定单元1303。
[0104]高度获取单元1301，用于获取所述窗口中每个元素节点的高度；
[0105]当元素节点被添加至窗口中的展示列进行显示后，网页优化处理装置则可获取每个元素节点的高度，其中，每个元素节点的高度即为每个元素节点在所述窗口中所占的显不闻度。
[0106]计算单元1302，用于根据所述窗口的每个展示列中的所有元素节点的高度，计算每个展示列的显示高度；其中，每个展示列的显示高度为每个展示列中所有元素节点的高度的总和。
[0107]位置确定单元1303，用于将显示高度最小的展示列确定为所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据的显示位置。
[0108]需要说明的是，本发明实施例提供的网页优化处理装置的结构和功能可参见上述方法实施例中的方法具体实现，该具体实现过程可参见上述方法实施例的相关描述，在此不赘述。
[0109]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0110]本发明实施例还公开了一种客户端，该客户端包含网页优化处理装置，该网页优化处理装置的结构可参见图5-图10所示实施例的相关描述，在此不赘述。需要说明的是，该客户端可以应用于上述方法中。
[0111]本发明实施例中，加载网页的页面数据并转换为元素节点，在窗口中采用展示列按列显示所述元素节点，根据展示列的显示高度确定网页的新的页面数据的显示位置，在确定的显示位置显示网页的新的页面数据；由于考虑了展示列的显示高度，即考虑了展示列中显示的元素节点的高度参差不齐的情况，基于展示列的显示高度确定新的页面数据的显示位置，可保证每个展示列的显示高度相对一致，减少网页中的空白区域，实现了对网页的显示过程的优化处理，提升了网页的显示效果，减少了内存占用，提升了装置性能。
[0112]本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。
[0113]以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。
【权利要求】
1.一种网页优化处理方法，其特征在于，包括: 加载网页的页面数据，将所述页面数据转换为元素节点； 将所述元素节点添加至窗口的展示列中进行显示； 根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置； 检测到对所述网页的新的页面数据的触发操作时，加载所述网页的新的页面数据并在所述确定的显示位置显示所述网页的新的页面数据。
2.如权利要求1所述的方法，其特征在于，所述加载网页的页面数据，将所述页面数据转换为元素节点之前，还包括: 检测到网页请求时，根据所述网页请求携带的统一资源定位符URL地址，从服务器获取所请求网页的页面数据和所述页面数据的显示顺序。
3.如权利要求2所述的方法，其特征在于，所述加载网页的页面数据，将所述页面数据转换为元素节点，包括: 按照获取的所述网页的页面数据的显示顺序，从获取的所述页面数据中选择预设数量的页面数据； 加载所述预设数量的页面数据，将所 述预设数量的页面数据转换为预设数量的元素节点。
4.如权利要求3所述的方法，其特征在于，所述将所述元素节点添加至窗口的展示列中进行显示，包括: 根据窗口的宽度信息和预设的展示列的宽度信息，确定所述窗口中展示列的数量；按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口的每个展示列中进行显示。
5.如权利要求4所述的方法，其特征在于，所述根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置，包括: 获取所述窗口中每个元素节点的高度； 根据所述窗口的每个展示列中的所有元素节点的高度，计算每个展示列的显示高度；将显示高度最小的展示列确定为所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据的显示位置。
6.如权利要求5所述的方法，其特征在于，所述加载所述网页的新的页面数据并在所述确定的显示位置显示所述网页的新的页面数据，包括: 加载所述网页的新的页面数据，将所述新的页面数据转换为新的元素节点； 将所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据对应的所述新的元素节点添加至所述窗口中显示高度最小的展示列中进行显示； 按照所述网页的新的页面数据的显示顺序，依次将其他的所述新的元素节点添加至所述窗口的每个展示列中进行显示。
7.如权利要求1-6任一项所述的方法，其特征在于，还包括: 存储所述窗口中每个元素节点的高度，以及存储所述窗口中每个展示列的显示高度；当所述窗口的任一个展示列中的元素节点发生变化时，更新存储的所述展示列的显示高度。
8.一种网页优化处理装置，其特征在于，包括:加载模块，用于加载网页的页面数据，将所述页面数据转换为元素节点； 显示模块，用于将所述元素节点添加至窗口的展示列中进行显示； 位置确定模块，用于根据所述展示列的显示高度，确定所述网页的新的页面数据的显示位置； 触发模块，用于在检测到对所述网页的新的页面数据的触发操作时，触发所述加载模块加载所述网页的新的页面数据，并由所述显示模块在所述确定的显示位置显示所述网页的新的页面数据。
9.如权利要求8所述的装置，其特征在于，还包括: 获取模块，用于在检测到网页请求时，根据所述网页请求携带的URL地址，从服务器获取所请求网页的页面数据和所述页面数据的显示顺序。
10.如权利要求9所述的装置，其特征在于，所述加载模块包括: 选择单元，用于按照获取的所述网页的页面数据的显示顺序，从获取的所述页面数据中选择预设数量的页面数据； 加载单元，用于加载所述预设数量的页面数据，将所述预设数量的页面数据转换为预设数量的元素节点。
11.如权利要求10所述的装置，其特征在于，所述显示模块包括: 展示列确定单元，用于根据窗口的宽度信息和预设的展示列的宽度信息，确定所述窗口中展示列的数量； 第一显示处理单元，用于按照所述预设数量的页面数据的显示顺序，依次将所述预设数量的元素节点添加至所述窗口的每个展示列中进行显示。
12.如权利要求11所述的装置，其特征在于，所述位置确定模块包括: 高度获取单元，用于获取所述窗口中每个元素节点的高度； 计算单元，用于根据所述窗口的每个展示列中的所有元素节点的高度，计算每个展示列的显不闻度； 位置确定单元，用于将显示高度最小的展示列确定为所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据的显示位置。
13.如权利要求12所述的装置，其特征在于: 所述加载模块，还用于根据所述触发模块的触发加载所述网页的新的页面数据，将所述新的页面数据转换为新的元素节点； 所述显示模块还包括: 第二显示处理单元，用于将所述网页的新的页面数据中显示顺序位于首位的所述新的页面数据对应的所述新的元素节点添加至所述窗口中显示高度最小的展示列中进行显示，以及按照所述网页的新的页面数据的显示顺序，依次将其他的所述新的元素节点添加至所述窗口的每个展示列中进行显示。
14.如权利要求8-13任一项所述的装置，其特征在于，还包括: 存储模块，存储所述窗口中每个元素节点的高度，以及存储所述窗口中每个展示列的显不闻度； 更新模块，用于当所述窗口的任一个展示列中的元素节点发生变化时，更新存储的所述展示列的显示高度。
15.一种客户端，其特征在于，包括如权利要求7-14任一项所述的网页优化处理装置。
【文档编号】G06F17/30GK103970770SQ201310034271
【公开日】2014年8月6日 申请日期:2013年1月29日 优先权日:2013年1月29日
【发明者】刘恒兵, 龙丁奋, 郭学亨, 陈映平, 吴浩 申请人:腾讯科技（深圳）有限公司