CN104216909A - 网页数据处理方法及处理装置 - Google Patents
网页数据处理方法及处理装置 Download PDFInfo
- Publication number
- CN104216909A CN104216909A CN201310217801.9A CN201310217801A CN104216909A CN 104216909 A CN104216909 A CN 104216909A CN 201310217801 A CN201310217801 A CN 201310217801A CN 104216909 A CN104216909 A CN 104216909A
- Authority
- CN
- China
- Prior art keywords
- list
- primary tank
- web data
- container
- list items
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/951—Indexing; Web crawling techniques
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Refuse Collection And Transfer (AREA)
Abstract
一种网页数据处理方法,根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将列表主容器划分为多个列表项容器;获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至列表主容器中,其中一个列表项容器至少对应一个网页数据项;侦测列表主容器沿第一方向上的滚动,将超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端;以及将待填充的网页数据项填充至被移动至列表主容器另一端的列表项容器中。此外,本发明还提供一种网页数据处理装置。上述网页数据处理方法与处理装置在处理网页数据时具有更高的稳定性。
Description
技术领域
本发明涉及网页数据处理技术,尤其涉及一种网页数据处理方法及处理装置。
背景技术
随着网络技术的发展,人们越来越习惯于通过浏览网页的方式获取信息。在现有技术中,浏览器在绘制网页时通常是将网页的每一个数据项视为一个文件对象模型(Document Object Model,DOM)节点,然后将每一DOM节点作为一个独立的层(Layer)来绘制,虽然这样可以保证网页在滚动时不会闪烁,但如果网页中所包含的数据项较大,相应的需要绘制的Layer的数量也就比较大,为完成大量Layer的绘制常常需要消耗大量的内存,这样容易出现内存溢出的现象,从而导致网页页面崩溃、浏览器软件重启、计算机重启等不良后果。因此,如何在保证网页在滚动时不会闪烁的同时,避免在处理海量网页数据时出现内存溢出的现象,提高网页数据处理的稳定性,是业界需要解决的难题之一。
发明内容
有鉴于此,本发明提供一种网页数据处理方法及处理装置,在处理海量网页数据时具有更高的稳定性。
一种网页数据处理方法,包括:根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器;获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中,其中一个列表项容器至少对应一个网页数据项;侦测所述列表主容器相对于所述屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端;以及将待填充的网页数据项填充至被移动至所述列表主容器另一端的所述列表项容器中。
一种网页数据处理装置,包括:列表主容器建立模块,用于根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器;第一网页数据项填充模块,用于获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中,其中一个列表项容器至少对应一个网页数据项;列表项容器移动模块,用于侦测所述列表主容器相对于所述屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端;以及第二网页数据项填充模块,用于将待填充的网页数据项填充至被所述列表项容器移动模块移动至所述列表主容器另一端的所述列表项容器中。
本发明实施例提供的网页数据处理方法及处理装置,通过根据屏幕尺寸建立列表主容器并将该列表主容器划分为有限个列表项容器,当侦测到有列表项容器超出终端设备的屏幕范围时,将超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端,并填入新的网页数据项,打破了现有技术中文件对象模型节点与网页数据项的一一对应关系,使得一个列表项容器作为一个文件对象模型节点可以重复使用,在重复使用的过程中可与不同的网页数据项对应,只需少量列表项容器即可完成网页绘制,从而可以降低内存开销,减少计算量,避免在处理海量网页数据时,出现内存溢出的现象,进而提高了网页数据处理的稳定性。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
图1为本发明第一实施例提供的网页数据处理方法的流程图。
图2为本发明第一实施例提供的网页数据处理方法中列表主容器与列表项容器的示意图。
图3为本发明第二实施例提供的网页数据处理方法的流程图。
图4为本发明第二实施例提供的网页数据处理方法中列表主容器与列表项容器的示意图。
图5为本发明第三实施例提供的网页数据处理装置的结构示意图。
图6为本发明第四实施例提供的网页数据处理装置的结构示意图。
具体实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、特征及其功效,详细说明如后。
本发明实施例所提供的网页数据处理方法可应用于终端设备中实现对网页数据的处理,终端设备可以包括智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
第一实施例
图1为第一实施例提供的网页数据处理方法的流程图。如图1所示,本实施例的网页数据处理方法包括以下步骤:
步骤S11,根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器。
侦测设备终端的屏幕尺寸,根据屏幕尺寸建立列表主容器,其中终端设备的屏幕尺寸可为设备终端屏幕可视区域的分辨率,于本发明一具体实施方式中,主要是根据终端设备的屏幕的高度建立列表主容器。于本发明的一具体实施方式中,列表主容器的高度与屏幕可视区域的高度相同。
根据列表主容器的高度与预设列表项容器的高度,按照公式:列表项容器的个数=列表主容器的高度/预设列表项容器的高度,计算列表项容器的个数,然后可如图2所示,根据计算结果将列表主容器划分为多个列表项容器。每一个列表项容器可作为一个文件对象模型(Document ObjectModel,DOM)节点来绘制。由于列表项容器的数量是根据列表主容器的高度与预设列表项容器的高度计算所得,因此列表项容器的数量是有限的,也即在网页绘制时,DOM节点也是有限的,所以即便是将每一DOM节点作为一个独立的层(Layer)来绘制,需要绘制的Layer的数量也不会很大,这样就可以减少在处理网页数据时,特别是处理海量网页数据时的内存消耗,避免因内存消耗过多而导致的内存溢出。
步骤S12,获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中。
通过网络获取网页文档,解析获取的网页文档获得网页文档中包含的网页数据项。网页文档通常可为超文本标记语言(Hypertext MarkupLanguage,HTML)文件。优选的,网页数据项的数量大于列表项容器的数量。
按照预设的顺序将获得的网页数据项按照一个列表项容器内填入一个网页数据项的方式填充至列表主容器并绘制出来,预设的顺序可为网页文档中记载的网页数据项在网页中的位置顺序,比如从上到下的顺序等等。
步骤S13,侦测所述列表主容器相对于所述屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端。
如图2所示,可以以终端设备屏幕可视区域的一个顶点(例如左上角顶点)作为第一坐标轴原点,以屏幕的一条边所在方向为X方向、另一条相邻的边所在的方向为Y方向建立第一直角坐标系。于本发明的一具体实施方式中,列表主容器的滚动,包括沿着坐标轴的Y轴的正方向滚动(也即向上滚动),或沿着坐标轴的Y轴的负方向滚动(也即向下滚动)。上述坐标轴为数学意义上的坐标轴,坐标轴的原点为0。
侦测列表主容器与列表项容器相对于终端设备的屏幕的坐标值的变化,分析是否有列表项容器超出了终端设备屏幕范围,以及超出了终端设备屏幕范围分别是哪几个列表项容器。修改超出终端设备屏幕范围的列表项容器的坐标值,将上述超出终端设备屏幕范围的列表项容器移动至列表主容器未超出终端设备屏幕范围的一端。
在本发明一具体实施方式中,可以通过采用绝对定位的方式来设定列表主容器与各列表项容器的坐标。例如:根据列表主容器在直角坐标系中的坐标,以及预设列表项容器的尺寸,设定每个列表项容器四个顶点的坐标值。绝对定位的方式是指相对于列表主容器,定位每个列表项容器的位置,使得每个列表项容器的位置相对于列表主容器是固定的,不会因为修改个别列表项容器的坐标值而影响其它未被修改坐标值的列表项容器的位置,比如:未被修改坐标值的列表项容器的位置被修改了坐标值的列表项容器挤占等,同时也可以降低网页绘制的成本,从而减少在网页数据处理过程中的内存消耗。
步骤S14,将待填充的网页数据项填充至被移动至所述列表主容器另一端的所述列表项容器中。
因为列表项容器的个数是根据侦测到的终端设备的屏幕尺寸以及预设列表项容器的尺寸计算获得,且网页数据项是根据一个列表项容器中填入一个网页数据项的方式填充,网页数据项的数量大于列表项容器的数量,所以所有的网页数据项不会被一次性填入列表主容器,因此上述待填充的网页数据项是指那些尚未被填充至列表项容器的网页数据项。
当超出终端设备屏幕范围的列表项容器被由列表主容器超出终端设备屏幕范围的一端移动至未超出终端设备屏幕范围的另一端时,根据超出终端设备屏幕范围的列表项容器的数量将相应数量的待填充的网页数据项分别填充至上述列表项容器中,并绘制出来。通过将超出终端设备屏幕范围的列表项容器由列表主容器超出终端设备屏幕范围的一端移动至未超出终端设备屏幕范围的另一端,并重新填入新的网页数据项的方式,使得单个列表项容器可以重复使用,在重复使用的过程中可与不同的网页数据项对应,从而可以减少列表项容器的数量,降低网页数据处理的运算量,进而减少内存消耗。
可在侦测到所述列表主容器项的滚动之后,预缓冲可能被填充至位于所述列表主容器两端的列表项容器的网页数据项,并当超出终端设备屏幕范围的列表项容器被由列表主容器超出终端设备屏幕范围的一端移动至未超出终端设备屏幕范围的另一端时,直接从缓冲区将已缓冲的网页数据项填充至列表项容器中,并绘制出来,从而提高数据填充的速度,进而提高网页绘制的效率。
本发明实施例提供的网页数据处理方法,通过根据屏幕尺寸建立列表主容器并将该列表主容器划分为有限个列表项容器,当侦测到有列表项容器超出终端设备的屏幕范围时,将该超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端,并填入网页数据项,打破了现有技术中文件对象模型节点与网页数据项的一一对应关系,使得一个列表项容器作为一个文件对象模型节点可以重复使用,在重复使用的过程中可与不同的网页数据项对应,只需少量列表项容器即可完成网页绘制,从而可以降低内存开销,减少计算量,避免在处理海量网页数据时,出现内存溢出的现象,进而提高了网页数据处理的稳定性。
第二实施例
图3为第二实施例提供的网页数据处理方法的流程图。如图3所示,本实施例的网页数据处理方法包括以下步骤:
步骤S21,根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将列表主容器划分为多个列表项容器。
此步骤可以参考第一实施例中的相应步骤,这里不再赘述。
步骤S22,获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至列表主容器中,其中一个列表项容器至少对应一个网页数据项。
此步骤可以参考第一实施例中的相应步骤,这里不再赘述。
步骤S23,侦测列表主容器及列表项容器相对于所述终端设备的屏幕的坐标值的变化,根据侦测结果计算并获取列表主容器的滚动方向以及超出所述终端设备屏幕范围的列表项容器。
根据侦测到的列表主容器及列表项容器相对于所述终端设备的屏幕的坐标值变化,计算获取列表主容器的滚动方向。结合图4所示,假设根据终端设备的屏幕尺寸与预设列表项容器的尺寸将列表主容器划分为5个列表项容器,以终端设备屏幕可视区域的左上角顶点为原点建立坐标轴,设定列表主容器的左上角顶点在Y轴上的值为0,第一列表项容器1的左上角顶点在Y轴上的值为0,第二列表项容器2的左上角顶点在Y轴上的值为-100,如果侦测到列表主容器的左上角顶点在Y轴上的值偏移到100,则可判断列表主容器沿着Y轴的正方向移动,也即网页正向上滚动。当侦测到第二列表项容器2的左上角顶点在Y轴上的值偏移到0,则可认为第一列表项容器1已超出所述终端设备屏幕范围,以此类推。需要说明的是,以上坐标轴的原点位置以及具体坐标数据都只是为了更清楚的说明本发明实施例,本发明的具体实施方式并不以此为限。
步骤S24,修改超出终端设备屏幕范围的列表项容器的坐标值,将超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端。
假设在步骤S23中计算获取的列表主容器的滚动方向为Y轴的正方向,第一列表项容器1超出终端设备的屏幕范围,则通过修改所述超出所述终端设备屏幕范围的列表项容器相对于列表主容器的坐标值,将第一列表项容器1由列表主容器的顶端移动至底端。坐标值的修改方式可为:定义列表主容器左上角的顶点为第二坐标轴原点,以X方向为X'轴所在方向、Y方向为Y'轴所在方向建立第二直角坐标系,假设滚动前屏幕上最顶部的是第N个列表项容器N,当该列表项容器N超出终端设备的屏幕范围时,根据该列表项容器N的序号N和列表项容器的个数X可计算出底部是第N+X个列表项容器N+X,再根据预设列表项容器的高度Z、底部列表项容器的序号N+X可计算出第N+X个列表项容器的左上角顶点在Y'轴上的坐标值:-(N-1+X)*Z,第N+X个列表项容器N+X的左上角顶点在X'轴上的坐标值不变,然后根据预设列表项容器的尺寸可计算出列表项容器N+X的其它三个顶点的坐标值,根据计算结果修改列表项容器N相对于列表主容器的坐标值,使之成为列表项容器N+X。
为方便理解,如图4所示,举例来说,假设列表主容器是向上滚动,第一列表项容器1超出终端设备的屏幕范围,第一列表项容器1的左上角顶点在Y'轴的初始坐标值为0,列表主容器被划分为5个列表项容器,每个列表项容器的预设高度为100,则根据列表项容器的数量、预设列表项容器的高度计算并修改第一列表项容器被移动后的左上角顶点在Y'轴的坐标值为:-(1-1+5)*100=-500,从而将第一列表项容器1由列表主容器的顶端移动至底端成为第六列表项容器6。最后,根据预设列表项容器的宽度计算出第六列表项容器6的其它三个顶点的坐标值。
需要说明的是,当列表主容器沿Y轴的负方向移动时,超出终端设备的列表项容器的被移动方向与上述列表主容器沿Y轴的正方向移动时的被移动方向相反,其坐标值的计算及修改方式相似,在此不再赘述。需要说明的是,以上坐标轴的原点位置以及具体坐标数据都只是为了更清楚的说明本发明实施例,本发明的具体实施方式并不以此为限。
步骤S25,将待填充的网页数据项填充至被移动至列表主容器另一端的列表项容器中。
此步骤可以参考第一实施例中的相应步骤,这里不再赘述。
本发明实施例提供的网页数据处理方法,通过根据屏幕尺寸建立列表主容器并将该列表主容器划分为有限个列表项容器,当侦测到有列表项容器超出终端设备的屏幕范围时,将该超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端,并填入网页数据项,如此便打破了现有技术中文件对象模型节点与网页数据项的一一对应关系,使得一个列表项容器作为一个文件对象模型节点可与至少一个网页数据项对应,从而可以降低内存开销,减少计算量,避免因内存溢出而导致网页页面崩溃,进而提高了网页数据处理的稳定性。
第三实施例
图5为第三实施例提供的网页数据处理装置的结构示意图。本实施例提供的网页数据处理装置可以用于实现网页数据处理。如图5所示,网页数据处理装置10包括:列表主容器建立模块11、第一网页数据项填充模块12、列表项容器移动模块13、第二网页数据项填充模块14。
其中,列表主容器建立模块11用于根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器。
第一网页数据项填充模块12用于获取多个网页数据项,并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中。
列表项容器移动模块13用于侦测所述列表主容器相对于所述终端设备的屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端
第二网页数据项填充模块14用于将待填充的网页数据项填充至被所述列表项容器移动模块13移动至所述列表主容器另一端的所述列表项容器中。
优选地,所述多个列表项容器的尺寸相同。
优选地,采用绝对定位的方式,相对于所述列表主容器设定所述多个列表项容器的坐标值。
本实施例网页数据处理装置10的各功能模块实现各自功能的具体过程,请参见上述图1至图4所示实施例中描述的具体内容,此处不再赘述。
本发明实施例提供的网页数据处理装置,通过根据屏幕尺寸建立列表主容器并将该列表主容器划分为有限个列表项容器,当侦测到有列表项容器超出终端设备的屏幕范围时,将该超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端,并填入网页数据项,打破了现有技术中文件对象模型节点与网页数据项的一一对应关系,使得一个列表项容器作为一个文件对象模型节点可以重复使用,在重复使用的过程中可与不同的网页数据项对应,只需少量列表项容器即可完成网页绘制,从而可以降低内存开销,减少计算量,避免在处理海量网页数据时,出现内存溢出的现象,进而提高了网页数据处理的稳定性。
第四实施例
图6为第四实施例提供的网页数据处理装置的结构示意图。本实施例提供的网页数据处理装置可以用于实现网页数据处理。如图6所示,网页数据处理装置20包括:列表主容器建立模块21、第一网页数据项填充模块22、列表项容器移动模块23、第二网页数据项填充模块24、网页数据项预缓冲模块25、列表项容器定位模块26。
其中,列表主容器建立模块21用于根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器。
第一网页数据项填充模块22用于获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中。
列表项容器移动模块23还包括:列表主容器坐标值侦测单元231、列表主容器滚动方向获取单元232、列表项容器坐标值修改单元233。其中,列表主容器坐标值侦测单元231用于侦测所述列表主容器与所述多个列表项容器相对于所述终端设备的屏幕的坐标值的变化。列表主容器滚动方向获取单元232用于根据列表主容器坐标值侦测单元的侦测结果,计算并获取所述列表主容器的滚动方向以及超出所述终端设备屏幕范围的列表项容器。列表项容器坐标值修改单元233用于修改所述超出所述终端设备屏幕范围的列表项容器相对于列表主容器的坐标值,将所述超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端。
第二网页数据项填充模块24用于将待填充的网页数据项填充至被所述
列表项容器移动模块移动至所述列表主容器另一端的所述列表项容器中。网页数据项预缓冲模块25用于预缓冲被所述第一网页数据项填充模块或所述第二网页数据项填充模块填充至位于所述列表主容器两端的列表项容器的网页数据项。
列表项容器定位模块26用于利用绝对定位的方式设定所述多个列表项容器的坐标值,以使所述多个列表项容器的位置相对于所述列表主容器是固定的。
本实施例网页数据处理装置20的各功能模块实现各自功能的具体过程,请参见上述图1至图4所示实施例中描述的具体内容,此处不再赘述。
本发明实施例提供的网页数据处理装置,通过根据屏幕尺寸建立列表主容器并将该列表主容器划分为有限个列表项容器,当侦测到有列表项容器超出终端设备的屏幕范围时,将该超出终端设备屏幕范围的列表项容器由列表主容器超出屏幕范围的一端移动至未超出屏幕范围的另一端,并填入网页数据项,打破了现有技术中文件对象模型节点与网页数据项的一一对应关系,使得一个列表项容器作为一个文件对象模型节点可以重复使用,在重复使用的过程中可与不同的网页数据项对应,只需少量列表项容器即可完成网页绘制,从而可以降低内存开销,减少计算量,避免在处理海量网页数据时,出现内存溢出的现象,进而提高了网页数据处理的稳定性。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者装置中还存在另外的相同要素。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (10)
1.一种网页数据处理方法,其特征在于,包括:
根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器;
获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中;
侦测所述列表主容器相对于所述屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端;以及
将待填充的网页数据项填充至被移动至所述列表主容器另一端的所述列表项容器中。
2.如权利要求1所述的网页数据处理方法,其特征在于,所述多个列表项容器的尺寸相同。
3.如权利要求1或2所述的网页数据处理方法,其特征在于,所述将待填充的网页数据项填充至被移动至所述列表主容器另一端的所述列表项容器中的步骤之前还包括:预缓冲被填充至位于所述列表主容器两端的列表项容器的网页数据项。
4.如权利要求1所述的网页数据处理方法,其特征在于,所述侦测所述列表主容器相对于所述屏幕的滚动的步骤,包括:
侦测所述列表主容器与所述多个列表项容器相对于所述终端设备的屏幕的坐标值的变化;
根据侦测结果,计算并获取所述列表主容器的滚动方向以及超出所述终端设备屏幕范围的列表项容器;以及
修改所述超出所述终端设备屏幕范围的列表项容器相对于列表主容器的坐标值,将所述超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端。
5.如权利要求1所述的网页数据处理方法,其特征在于,于所述根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器的步骤中,利用绝对定位的方式设定所述多个列表项容器的坐标值,以使所述多个列表项容器的位置相对于所述列表主容器是固定的。
6.一种网页数据处理装置,其特征在于,包括:
列表主容器建立模块,用于根据终端设备的屏幕尺寸建立列表主容器,根据预设列表项容器的尺寸将所述列表主容器划分为多个列表项容器;
第一网页数据项填充模块,用于获取多个网页数据项并将所获取的多个网页数据项按照预设的顺序填充至所述列表主容器中;
列表项容器移动模块,用于侦测所述列表主容器相对于所述屏幕的滚动,将超出所述终端设备屏幕范围的列表项容器由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端;以及
第二网页数据项填充模块,用于将待填充的网页数据项填充至被所述列表项容器移动模块移动至所述列表主容器另一端的所述列表项容器中。
7.如权利要求6所述的网页数据处理装置,其特征在于,所述多个列表项容器的尺寸相同。
8.如权利要求6或7所述的网页数据处理装置,其特征在于,还包括网页数据项预缓冲模块,用于预缓冲被所述第一网页数据项填充模块或所述第二网页数据项填充模块填充至位于所述列表主容器两端的列表项容器的网页数据项。
9.如权利要求6所述的网页数据处理装置,其特征在于,列表项容器移动模块还包括:
列表主容器坐标值侦测单元,用于侦测所述列表主容器与所述多个列表项容器相对于所述终端设备的屏幕的坐标值的变化;
列表主容器滚动方向获取单元,用于根据列表主容器坐标值侦测单元的侦测结果,计算并获取所述列表主容器的滚动方向以及超出所述终端设备屏幕范围的列表项容器;
列表项容器坐标值修改单元,用于修改所述超出所述终端设备屏幕范围的列表项容器相对于列表主容器的坐标值,将所述列表主容器坐标值侦测单元侦测到的所述超出所述终端设备屏幕范围的列表项容器,由所述列表主容器超出所述屏幕范围的一端移动至未超出所述屏幕范围的另一端。
10.如权利要求6所述的网页数据处理装置,其特征在于,还包括列表项容器定位模块,用于利用绝对定位的方式设定所述多个列表项容器的坐标值,以使所述多个列表项容器的位置相对于所述列表主容器是固定的。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310217801.9A CN104216909B (zh) | 2013-06-04 | 2013-06-04 | 网页数据处理方法及处理装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310217801.9A CN104216909B (zh) | 2013-06-04 | 2013-06-04 | 网页数据处理方法及处理装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104216909A true CN104216909A (zh) | 2014-12-17 |
CN104216909B CN104216909B (zh) | 2018-10-02 |
Family
ID=52098410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310217801.9A Active CN104216909B (zh) | 2013-06-04 | 2013-06-04 | 网页数据处理方法及处理装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104216909B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105549984A (zh) * | 2016-02-11 | 2016-05-04 | 贾占利 | 演示网页的方法及装置 |
CN107066524A (zh) * | 2017-02-20 | 2017-08-18 | 平安科技(深圳)有限公司 | 产品项的显示方法和装置 |
CN107153528A (zh) * | 2016-03-02 | 2017-09-12 | 阿里巴巴集团控股有限公司 | 混合模型列表项重用的方法及设备 |
CN109828802A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技(武汉)有限公司 | 列表视图显示方法、装置及可读介质 |
CN109871523A (zh) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | 一种基于原型设计工具的单元格子的快速创建方法及系统 |
CN109871254A (zh) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | 一种可分离的原型工具的单元格子的创建方法及系统 |
CN110020308A (zh) * | 2017-12-01 | 2019-07-16 | 北京高德云图科技有限公司 | cell组件加载的方法及装置 |
CN110134454A (zh) * | 2018-02-09 | 2019-08-16 | 聚好看科技股份有限公司 | 一种启动应用程序的方法及其装置 |
CN110717120A (zh) * | 2018-07-12 | 2020-01-21 | 北京京东尚科信息技术有限公司 | 一种网页列表显示方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593184A (zh) * | 2008-05-29 | 2009-12-02 | 国际商业机器公司 | 自适应地定位动态网页元素的系统和方法 |
CN101853293A (zh) * | 2010-05-26 | 2010-10-06 | 卓望数码技术(深圳)有限公司 | 一种自适应分页的方法及装置 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
US20110173178A1 (en) * | 2002-06-19 | 2011-07-14 | Craig Conboy | Method and system for obtaining script related information for website crawling |
-
2013
- 2013-06-04 CN CN201310217801.9A patent/CN104216909B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110173178A1 (en) * | 2002-06-19 | 2011-07-14 | Craig Conboy | Method and system for obtaining script related information for website crawling |
CN101593184A (zh) * | 2008-05-29 | 2009-12-02 | 国际商业机器公司 | 自适应地定位动态网页元素的系统和方法 |
CN101853293A (zh) * | 2010-05-26 | 2010-10-06 | 卓望数码技术(深圳)有限公司 | 一种自适应分页的方法及装置 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105549984A (zh) * | 2016-02-11 | 2016-05-04 | 贾占利 | 演示网页的方法及装置 |
US10691427B2 (en) | 2016-03-02 | 2020-06-23 | Alibab Group Holding Limited | Method and apparatus reusing listcell in hybrid application |
CN107153528A (zh) * | 2016-03-02 | 2017-09-12 | 阿里巴巴集团控股有限公司 | 混合模型列表项重用的方法及设备 |
US10789051B1 (en) | 2016-03-02 | 2020-09-29 | Alibaba Group Holding Limited | Method and apparatus reusing ListCell in hybrid application |
CN107066524A (zh) * | 2017-02-20 | 2017-08-18 | 平安科技(深圳)有限公司 | 产品项的显示方法和装置 |
WO2018149071A1 (zh) * | 2017-02-20 | 2018-08-23 | 平安科技(深圳)有限公司 | 产品项的显示方法、装置、设备及计算机可读存储介质 |
CN109828802A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技(武汉)有限公司 | 列表视图显示方法、装置及可读介质 |
CN110020308A (zh) * | 2017-12-01 | 2019-07-16 | 北京高德云图科技有限公司 | cell组件加载的方法及装置 |
CN110134454B (zh) * | 2018-02-09 | 2022-06-14 | 聚好看科技股份有限公司 | 一种启动应用程序的方法及其装置 |
CN110134454A (zh) * | 2018-02-09 | 2019-08-16 | 聚好看科技股份有限公司 | 一种启动应用程序的方法及其装置 |
CN110717120A (zh) * | 2018-07-12 | 2020-01-21 | 北京京东尚科信息技术有限公司 | 一种网页列表显示方法和装置 |
CN109871254A (zh) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | 一种可分离的原型工具的单元格子的创建方法及系统 |
CN109871523A (zh) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | 一种基于原型设计工具的单元格子的快速创建方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN104216909B (zh) | 2018-10-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104216909A (zh) | 网页数据处理方法及处理装置 | |
CN105224564B (zh) | 一种网页适应屏幕排版方法及装置 | |
US10339209B2 (en) | Webpage display method and device | |
US11112927B2 (en) | Digital content automated layout system | |
CN104794116B (zh) | 一种页面中元素的布局方法和装置 | |
CN105787402B (zh) | 一种信息展示方法及装置 | |
CN109508213A (zh) | 一种视图渲染方法、装置、介质及智能终端 | |
CN103984781A (zh) | 一种网页加载方法及装置 | |
TW201415347A (zh) | 縮放螢幕畫面的方法、電子裝置及電腦程式產品 | |
CN105094622B (zh) | 调节表格列宽的方法及设备 | |
CN104679432A (zh) | 一种基于移动端浏览器跨平台人机交互浏览图片的方法 | |
CN105373593B (zh) | 一种展示网页中目标元素的方法及装置 | |
CN104572057B (zh) | 滚动条控制方法及装置 | |
CN109460540A (zh) | 一种表格分页显示方法及装置 | |
KR20150073170A (ko) | 터치 스크린 디스플레이에서의 페이지 프로세싱 | |
CN104133870A (zh) | 一种网页相似度计算方法及装置 | |
CN103365842A (zh) | 一种页面浏览推荐方法及装置 | |
CN103631824A (zh) | 一种网页显示方法及装置 | |
CN107480218B (zh) | 网页显示方法及装置、电子设备、存储介质 | |
CN103297780A (zh) | 提高解码速率的方法及系统 | |
CN110263190A (zh) | 一种数据处理方法、装置、设备和机器可读介质 | |
CN108958831A (zh) | 一种ViewGroup动态布局方法、装置及电子设备 | |
US9135023B2 (en) | Aligning user interface elements | |
CN104571898A (zh) | 页面的显示控制方法及装置 | |
CN103631795A (zh) | 一种在网络设备中对网页进行转换的方法、装置和设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |