CN103677491B - 一种用于渲染网页的方法和装置 - Google Patents
一种用于渲染网页的方法和装置 Download PDFInfo
- Publication number
- CN103677491B CN103677491B CN201210322487.6A CN201210322487A CN103677491B CN 103677491 B CN103677491 B CN 103677491B CN 201210322487 A CN201210322487 A CN 201210322487A CN 103677491 B CN103677491 B CN 103677491B
- Authority
- CN
- China
- Prior art keywords
- web page
- page contents
- webpage
- presented
- layer
- 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.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种用于渲染网页的方法和装置。本发明根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息;并将所述第一位置信息与所述第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息;并对与所述第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。本发明能够有效避免或减少网页在滑动时的卡顿现象。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种用于渲染网页的方法和装置。
背景技术
由于移动终端的处理能力限制,在移动终端中滑动所呈现的网页时,例如,上下或左右滑动所呈现的网页时,由于网页处理,例如网页渲染等,给移动终端带来的处理负荷,往往使得网页在滑动时出现卡顿。
现有技术中并无解决这类卡顿现象的方案。
发明内容
本发明的目的是提供一种用于渲染网页的方法和装置。
根据本发明的一个方面,提供一种在移动终端中用于渲染网页的方法,其中,该方法包括以下步骤:
a根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息;
b将所述第一位置信息与所述第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息;
c对与所述第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
根据本发明的另一个方面,还提供了一种在移动终端中用于渲染网页的渲染装置,其中,该渲染装置包括:
第一确定装置,用于根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息;
比对装置,用于将所述第一位置信息与所述第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息;
第一渲染呈现装置,用于对与所述第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
与现有技术相比,本发明具有以下优点:1)能够确定网页滑动时的新增网页内容,并仅对新增网页内容的网页代码进行渲染,从而大大降低了移动终端的网页渲染负荷,能够有效避免或减少网页在滑动时的卡顿现象;2)通过避免重复渲染下层图层,减少了网页处理资源的消耗,进一步避免或缓解了卡顿现象;3)通过采用网页处理资源消耗较少的渲染方式对仅在网页滑动过程中呈现的网页内容所对应的网页代码进行渲染,可在保留网页显示完整性的情况下降低网页处理资源消耗,从而进一步避免或缓解了网页卡顿现象;4)能够预测用户后续可能需要浏览的网页内容,并与该网页内容所对应的网页代码进行预渲染;5)能够利用预渲染获得的网页内容,减少移动终端在用户对网页执行操作后需要渲染的网页内容,从而降低网页处理资源的消耗,以避免或缓解网页卡顿现象。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为本发明一个方面的在移动终端中用于渲染网页的方法流程图;
图2为一个实施例的、所呈现的网页内容从第一网页内容变化为第二网页内容的示意图;
图3为另一个实施例的、所呈现的网页内容从第一网页内容变化为第二网页内容的示意图;
图4为本发明一个优选实施例的在移动终端中用于预渲染网页的方法流程图;
图5为本发明一个方面的在移动终端中用于渲染网页的渲染装置的结构示意图;
图6为本发明一个优选实施例的在移动终端中用于预渲染网页的渲染装置的结构示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1为本发明一个方面的在移动终端中用于渲染网页的方法流程图。根据本发明的方法包括步骤S1、步骤S2和步骤S3。其中,本实施例的方法主要通过移动终端来实现;所述移动终端包括但不限于智能手机、PDA等;所述移动终端所处的网络包括但不限于互联网、广域网、城域网、局域网、VPN网络等。
需要说明的是,所述移动终端和网络仅为举例,其他现有的或今后可能出现的计算设备或网络如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
在步骤S1中,移动终端根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息。
其中,所述用户对当前呈现的网页所执行的用于执行网页滑动的操作包括但不限于:用户拖动当前呈现的网页的手势操作;用户在当前呈现的网页上执行的滑动手势操作;用户执行的用于指示网页滑动的按键操作,如用户按下向右的方向键以指示网页向右滑动的操作等。
其中,移动终端可基于多种方式,确定网页内容在所呈现的网页中的位置信息,例如,通过解析网页代码,确定网页内容在网页中的位置信息等。
优选地,移动终端根据用户执行的操作,确定网页滑动的方向和距离,从而确定以第一位置信息为起始,网页在所确定的方向上滑动所确定的距离后,在移动终端的屏幕上呈现的第二网页内容在所呈现的网页中的第二位置信息。
例如,当前在移动终端中呈现的网页Web的第一网页内容P1在网页Web中的第一位置信息如图2所示,用户以图2中所示箭头方向对网页Web执行了向上滑动的手势操作,则移动终端根据手势操作的方向、速度以及滑动长度,确定网页向下滑动如D1所示距离;接着,移动终端确定第一网页内容P1所在位置向下滑动D1所示距离后网页Web呈现在移动终端的屏幕上的第二网页内容P2在呈现的网页中的位置信息,作为网页Web中在其滑动停止后需要呈现给用户的第二网页内容在所呈现的网页Web中的第二位置信息。
需要说明的是,第一网页内容与第二网页内容可能部分重叠,例如,如图3所示,距离D2小于移动终端的屏幕的长度,第一网页内容的下部与第二网页内容的上部重叠。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息的实现方式,均应包含在本发明的范围内。
接着,在步骤S2中,移动终端将第一位置信息与第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息。
具体地,移动终端比对第一位置信息与第二位置信息,并将第二位置信息中不与第一位置信息相重叠的部分作为新增网页内容在所呈现的网页中的第三位置信息。
例如,请参见图2,第一网页内容P1在网页Web中的位置以实现框表示,第二网页内容P2在网页Web中的位置以虚线框表示,第一网页内容P1与第二网页内容P2不具有重叠部分,则第二网页内容P2即为新增网页内容P3,移动终端直接将第二位置信息作为新增网页内容在所呈现的网页中的第三位置信息。
又例如,请参见图3,第二网页内容P2的上部与第一网页内容P1相重叠,则移动终端将第二网页内容P2中与第一网页内容P1不重叠的网页内容作为新增网页内容,并确定其在所呈现的网页Web中的位置信息作为第三位置信息。
优选地,在步骤S2中,移动终端将所述第一位置信息与所述第二位置信息进行比对,确定所述第三位置信息,且移动终端还判断所述第一网页内容与所述第二网页内容是否部分重叠。其中,移动终端可基于第一位置信息以及第二位置信息,判断第一网页内容与第二网页内容是否部分重叠。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何将第一位置信息与第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息的实现方式,均应包含在本发明的范围内。
接着,在步骤S3中,移动终端对与第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
具体地,移动终端对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容,以确定第二网页内容并呈现给用户的方式包括但不限于:
1)移动终端对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容后,直接将新增网页内容作为第二网页内容,并呈现给用户。
例如,参照图2所示,移动终端获取与第三位置信息,即与第二位置信息相对应的网页代码,并将其渲染后获得的新增网页内容直接作为第二网页内容,并呈现给用户。
需要说明的是,当与第二位置信息相对应的网页代码中包含一个整体的部分,例如,一个文字的一半,或一张图片的一部分时,移动终端可仅对所包含的部分进行渲染,如仅对包含的一半文字进行渲染,又如仅获取所包含的部分图片的图片数据,并进行渲染等。
2)在步骤S2中,移动终端判断第一网页内容与第二网页内容是否部分重叠;本步骤中,当在步骤S2中判断第一网页内容与第二网页内容部分重叠时,移动终端对与第三位置信息相对应的网页代码进行渲染,并将渲染后所得的新增网页内容与所述部分重叠的网页内容相结合,获得所述第二网页内容,并呈现给所述用户。
例如,第一网页内容P1和第二网页内容P2在网页Web中的位置如图3所示,在步骤S2中,移动终端判断第一网页内容与第二网页内容部分重叠,则在本步骤中,移动终端获得与第三位置信息相对应的网页代码,并对其进行渲染,并将渲染后所得的新增网页内容P3与第一网页内容P1和第二网页内容P2相重叠的网页内容相结合,获得第二网页内容P2。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容,以确定第二网页内容并呈现给用户的实现方式,均应包含在本发明的范围内。
需要进一步说明的是,步骤S1至S3可以是不断执行的。例如,当用户按住网页,缓慢拖动时,移动终端不断获取用户的拖动操作,并不断地执行步骤S1至S3等。
本发明能够确定网页滑动时的新增网页内容,并仅对新增网页内容的网页代码进行渲染,从而大大降低了移动终端的网页渲染负荷,能够有效避免或减少网页在滑动时的卡顿现象。
优选地,移动终端支持图层合成,例如,支持GPU等,网页中包括上层图层模块以及下层图层模块,前述步骤S3进一步包括步骤S31、步骤S32以及步骤S33。
在步骤S31中,移动终端识别与第三位置信息相对应的网页代码中的上层图层模块。
优选地,所述上层图层模块包括但不限于在网页的图层结构中浮于其他图层之上的图层模块,例如,浮于背景图层模块之上的视频模块、CSS动画模块、Flsah模块、登陆框等。
其中,移动终端可根据网页代码中的标签,和/或,网页中的模块结构,来识别上层图层模块。
例如,移动终端通过在与第三位置信息相对应的网页代码中查找预定上层图层模块标签,来识别上层图层模块。
又例如,移动终端通过解析与第三位置信息相对应的网页代码,确定网页的图层结构中浮于其他图层之上的图层模块,作为上层图层模块等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何识别与第三位置信息相对应的网页代码中的上层图层模块的实现方式,均应包含在本发明的范围内。
接着,在步骤S32中,移动终端对所识别的上层图层模块进行渲染,获得上层图层网页内容。
接着,在步骤S33中,移动终端将所述上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户,其中,所述第一下层图层网页内容通过对与所述第一位置信息相对应的网页代码中的第一下层图层模块进行渲染来获得。
其中,下层图层模块包括但不限于网页图层结构中的底层图层模块,例如,背景图层模块等。
具体地,移动终端根据其支持的图层合成功能,将对与第三位置信息相对应的网页代码中的上层图层模块进行渲染所得的上层图层网页内容,与在本步骤执行之前对与第一位置信息相对应的网页代码中的下层图层模块进行渲染所得的第一下层图层网页内容进行合成,获得新增网页内容,以确定第二网页内容并呈现给用户。
由于网页的下层图层,如背景等,往往变化很少,无需重复渲染。故本实施例通过避免重复渲染下层图层,减少了网页处理资源的消耗,进一步避免或缓解了卡顿现象。
更优选地,在前一实施例中,步骤S33包括步骤S33’,步骤S3还包括步骤S34、步骤S35和步骤S36。
在步骤S34中,移动终端识别与所述第三位置信息相对应的网页代码中的第二下层图层模块。
其中,移动终端识别第二下层图层模块的方式,与其在步骤S31中识别上层图层模块的方式相同或相似,在此不再赘述。
接着,在步骤S35中,移动终端判断该第二下层图层模块的数据信息相比第一下层图层模块的数据信息是否具有超过预定阈值的变化率。
优选地,所述变化率包括但不限于颜色变化率、图案样式变化率等。
例如,当下层图层模块为背景图层模块时,移动终端判断第二背景图层模块的背景相比第一背景图层模块的背景的颜色变化率,并判断该颜色变化率是否超过预定阈值。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何判断该第二下层图层模块的数据信息相比第一下层图层模块的数据信息是否具有超过预定阈值的变化率的实现方式,均应包含在本发明的范围内。
在步骤S36中,当判断具有超过预定阈值的变化率时,移动终端对第二下层图层模块进行渲染,获得第二下层图层网页内容,并将在步骤S32中获得的上层图层网页内容以及第二下层图层网页内容进行合成,获得新增网页内容,以确定所述第二网页内容并呈现给所述用户。
其中,移动终端将上层图层网页内容以及第二下层图层网页内容进行合成的方式,与其在步骤S33中将上层图层网页内容与第一下层图层网页内容进行合成的方式相同或相似,在此不再赘述。
在步骤S33’中,当判断不具有超过预定阈值的变化率时,移动终端将上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
需要说明的是,步骤S31和步骤S32,与步骤S34和步骤S35并无先后顺序;并且,根据步骤S35的判断结果,步骤S33’与步骤S36中仅有一者会被执行。
需要进一步说明的是,当第一网页内容与第二网页内容部分重叠时,可仅对未重叠的上层或第二下层图层模块进行渲染。
作为本发明的优选实施例之一,在步骤S3中采用网页处理资源消耗较高的渲染方式对与所述第三位置信息相对应的网页代码进行渲染,本实施例的方法还包括步骤S4和步骤S5。
在步骤S4中,移动终端根据用户对网页执行的操作以及所述第一位置信息,确定网页中仅在其滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
优选地,移动终端根据用户执行的操作,确定网页滑动的方向和距离,确定以第一位置信息为起始,网页在所确定的方向上滑动所确定的距离时需要呈现给用户的网页内容所对应的位置信息,并将其中出所述第一位置信息和第二位置信息以外的其他位置信息,作为仅在网页滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
例如,当前在移动终端中呈现的网页Web的第一网页内容P1在网页Web中的第一位置信息如图2所示,用户以图2中所示箭头方向对网页Web执行了向上滑动的手势操作,则移动终端根据手势操作的方向、速度以及滑动长度,确定网页向下滑动如D1所示距离;接着,移动终端确定网页Web在向下滑动如D1所示距离时需要呈现给用户的网页内容所对应的位置信息包括自第一网页内容P1的顶部起至第二网页内容P2的底部的网页内容所对应的位置信息;接着,移动终端将该位置信息中除第一位置信息以及第二位置信息以外的部分,即第一位置信息以及第二位置信息之间的位置信息,作为仅在网页滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据用户对网页执行的操作以及所述第一位置信息,确定网页中仅在其滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息的实现方式,均应包含在本发明的范围内。
接着,在步骤S5中,移动终端采用网页处理资源消耗较少的渲染方式,对与所述第四位置信息对应的网页代码进行渲染,并在所述网页滑动时呈现给所述用户。
其中,所述网页处理资源消耗较少的渲染方式包括但不限于CPU资源消耗少、内存消耗少等的渲染方式;例如,采用文本显示颗粒较粗、图像渲染视觉效果较差等的渲染方式。
由于一些网页内容可能仅在网页滑动过程中呈现给用户,用户通常不会注意,也难以注意在滑动时呈现的网页内容,因此,通过采用网页处理资源消耗较少的渲染方式对该种网页内容进行渲染,可在保留网页显示完整性的情况下降低网页处理资源消耗,从而进一步避免或缓解了网页卡顿现象。
图4为本发明一个优选实施例的在移动终端中用于预渲染网页的方法流程图。本实施例的方法包括步骤S6和步骤S7。
在步骤S6中,移动终端根据当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息,其中,所述第五网页内容与所述第一网页内容不重叠。
具体地,移动终端根据第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息的方式包括但不限于:
1)移动终端仅根据第一位置信息,确定第五位置信息。
例如,移动终端根据第一位置信息为网页顶端位置,确定第五位置信息为位于第一位置信息下方预定大小范围,如屏幕大小范围,的位置信息。
又例如,移动终端将位于第一位置信息上下左右预定大小范围的位置信息,作为第五位置信息等。
2)移动终端根据所述第一位置信息以及用户对所述网页执行的历史操作,确定所述第五位置信息。
例如,移动终端根据上一次历史操作的手势滑动速度低于预定滑动速度,确定第五位置信息包括自第一位置信息起,各个方向上一个屏幕宽度内的位置信息,作为第五位置信息,。
优选地,移动终端根据第一位置信息以及历史操作的以下至少一项,确定第五位置信息:
1)所述历史操作的滑动方向;
例如,移动终端根据历史操作包括两次手势操作:向上偏左30°以及向上偏左60°,确定用户可能的后续操作为向上偏左45°,并将该方向上预定大小范围的位置信息作为第五位置信息。
2)所述历史操作的滑动距离。
例如,移动终端根据上一次历史操作的滑动距离为1.5cm,确定自第一位置信息起,在各个方向上,距离为1.5cm的滑动操作产生的网页滑动距离中需要呈现的网页内容信息对应的位置信息,作为第五位置信息。
需要说明的是,移动终端可结合上述因素1)和2),确定第五位置信息。例如,移动终端根据上一次历史操作的滑动距离为1.5cm,滑动方向为向上,确定自第一位置信息下方,距离为1.5cm的滑动操作产生的网页滑动距离中需要呈现的网页内容信息对应的位置信息,作为第五位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息的实现方式,均应包含在本发明的范围内。
接着,在步骤S7中,移动终端对与第五位置信息相对应的网页代码进行渲染后,获得第五网页内容,并将其存储。
本实施例能够预测用户后续可能需要浏览的网页内容,并与该网页内容所对应的网页代码进行预渲染。
作为本实施例的优选方案之一,本实施例包括参照图1所示实施例中的步骤S1、步骤S2和步骤S3。并且,本实施例还包括在步骤S2之后执行的步骤S8、步骤S9和步骤S10;前述步骤S3包括步骤S3’。
在步骤S8中,移动终端判断第三位置信息所对应的网页代码是否未渲染、已全部渲染或已部分渲染。
在步骤S9中,当判断第三位置信息所对应的网页代码已全部渲染时,移动终端直接获取已通过所述步骤S6和S7渲染获得的新增网页内容,以确定所述第二网页内容并呈现给所述用户。
在步骤S10中,当判断第三位置信息所对应的网页代码已部分渲染时,移动终端对第三位置信息所对应的网页代码中未渲染的部分进行渲染,并结合已通过所述步骤S6和S7渲染获得的网页内容,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
在步骤S3’中,当判断第三位置信息所对应的网页代码未渲染时,移动终端对所述第三位置信息所对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
根据步骤S8的判断结果,步骤S9、步骤S10以及步骤S3’中仅有一个步骤被执行。
需要说明的是,本方案可适用于前述步骤S31至步骤S33。例如,对于已预渲染并存储的上层和/或下层图层网页内容,可直接获取,无需重复渲染。
本实施例能够利用通过步骤S6和S7预渲染获得的网页内容,减少移动终端在用户对网页执行操作后需要渲染的网页内容,从而降低网页处理资源的消耗,以避免或缓解网页卡顿现象。
需要说明的是,参照图1和图4所示方法还可由包含于移动终端中的渲染装置实现;优选地,该渲染装置包含于移动终端的浏览器中,且该渲染装置可随浏览器一起安装至移动终端,或者,该渲染装置可在移动终端的浏览器安装后,再嵌入浏览器中。
图5为本发明一个方面的在移动终端中用于渲染网页的渲染装置的结构示意图。本实施例的渲染装置包括第一确定装置1、比对装置2以及第一渲染呈现装置3。
第一确定装置1根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息。
其中,所述用户对当前呈现的网页所执行的用于执行网页滑动的操作包括但不限于:用户拖动当前呈现的网页的手势操作;用户在当前呈现的网页上执行的滑动手势操作;用户执行的用于指示网页滑动的按键操作,如用户按下向右的方向键以指示网页向右滑动的操作等。
其中,第一确定装置1可基于多种方式,确定网页内容在所呈现的网页中的位置信息,例如,通过解析网页代码,确定网页内容在网页中的位置信息等。
优选地,第一确定装置1根据用户执行的操作,确定网页滑动的方向和距离,从而确定以第一位置信息为起始,网页在所确定的方向上滑动所确定的距离后,在移动终端的屏幕上呈现的第二网页内容在所呈现的网页中的第二位置信息。
例如,当前在移动终端中呈现的网页Web的第一网页内容P1在网页Web中的第一位置信息如图2所示,用户以图2中所示箭头方向对网页Web执行了向上滑动的手势操作,则第一确定装置1根据手势操作的方向、速度以及滑动长度,确定网页向下滑动如D1所示距离;接着,第一确定装置1确定第一网页内容P1所在位置向下滑动D1所示距离后网页Web呈现在移动终端的屏幕上的第二网页内容P2在呈现的网页中的位置信息,作为网页Web中在其滑动停止后需要呈现给用户的第二网页内容在所呈现的网页Web中的第二位置信息。
需要说明的是,第一网页内容与第二网页内容可能部分重叠,例如,如图3所示,距离D2小于移动终端的屏幕的长度,第一网页内容的下部与第二网页内容的上部重叠。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息的实现方式,均应包含在本发明的范围内。
接着,比对装置2将第一位置信息与第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息。
具体地,比对装置2比对第一位置信息与第二位置信息,并将第二位置信息中不与第一位置信息相重叠的部分作为新增网页内容在所呈现的网页中的第三位置信息。
例如,请参见图2,第一网页内容P1在网页Web中的位置以实现框表示,第二网页内容P2在网页Web中的位置以虚线框表示,第一网页内容P1与第二网页内容P2不具有重叠部分,则第二网页内容P2即为新增网页内容P3,比对装置2直接将第二位置信息作为新增网页内容在所呈现的网页中的第三位置信息。
又例如,请参见图3,第二网页内容P2的上部与第一网页内容P1相重叠,则比对装置2将第二网页内容P2中与第一网页内容P1不重叠的网页内容作为新增网页内容,并确定其在所呈现的网页Web中的位置信息作为第三位置信息。
优选地,比对装置2包括子比对装置(图未示)。子比对装置将所述第一位置信息与所述第二位置信息进行比对,确定所述第三位置信息,且子比对装置还判断所述第一网页内容与所述第二网页内容是否部分重叠。其中,子比对装置可基于第一位置信息以及第二位置信息,判断第一网页内容与第二网页内容是否部分重叠。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何将第一位置信息与第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息的实现方式,均应包含在本发明的范围内。
接着,第一渲染呈现装置3对与第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
具体地,第一渲染呈现装置3对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容,以确定第二网页内容并呈现给用户的方式包括但不限于:
1)第一渲染呈现装置3对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容后,直接将新增网页内容作为第二网页内容,并呈现给用户。
例如,参照图2所示,第一渲染呈现装置3获取与第三位置信息,即与第二位置信息相对应的网页代码,并将其渲染后获得的新增网页内容直接作为第二网页内容,并呈现给用户。
需要说明的是,当与第二位置信息相对应的网页代码中包含一个整体的部分,例如,一个文字的一半,或一张图片的一部分时,第一渲染呈现装置3可仅对所包含的部分进行渲染,如仅对包含的一半文字进行渲染,又如仅获取所包含的部分图片的图片数据,并进行渲染等。
2)子比对装置判断第一网页内容与第二网页内容是否部分重叠;第一渲染呈现装置3包括第二子渲染呈现装置(图未示),当子比对装置判断第一网页内容与第二网页内容部分重叠时,第二子渲染呈现装置对与第三位置信息相对应的网页代码进行渲染,并将渲染后所得的新增网页内容与所述部分重叠的网页内容相结合,获得所述第二网页内容,并呈现给所述用户。
例如,第一网页内容P1和第二网页内容P2在网页Web中的位置如图3所示,子比对装置判断第一网页内容与第二网页内容部分重叠,则第二子渲染呈现装置获得与第三位置信息相对应的网页代码,并对其进行渲染,并将渲染后所得的新增网页内容P3与第一网页内容P1和第二网页内容P2相重叠的网页内容相结合,获得第二网页内容P2。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何对与第三位置信息相对应的网页代码进行渲染,获得新增网页内容,以确定第二网页内容并呈现给用户的实现方式,均应包含在本发明的范围内。
需要进一步说明的是,第一确定装置1、比对装置2以及第一渲染呈现装置3可以是不断执行操作。例如,当用户按住网页,缓慢拖动时,移动终端不断获取用户的拖动操作,第一确定装置1、比对装置2以及第一渲染呈现装置3不断执行操作等。
本发明能够确定网页滑动时的新增网页内容,并仅对新增网页内容的网页代码进行渲染,从而大大降低了移动终端的网页渲染负荷,能够有效避免或减少网页在滑动时的卡顿现象。
优选地,移动终端支持图层合成,例如,支持GPU等,网页中包括上层图层模块以及下层图层模块,第一渲染呈现装置3进一步包括第一识别装置(图未示)、上层渲染装置(图未示)以及第一合成装置(图未示)。
第一识别装置识别与第三位置信息相对应的网页代码中的上层图层模块。
优选地,所述上层图层模块包括但不限于在网页的图层结构中浮于其他图层之上的图层模块,例如,浮于背景图层模块之上的视频模块、CSS动画模块、Flsah模块、登陆框等。
其中,第一识别装置可根据网页代码中的标签,和/或,网页中的模块结构,来识别上层图层模块。
例如,第一识别装置通过在与第三位置信息相对应的网页代码中查找预定上层图层模块标签,来识别上层图层模块。
又例如,第一识别装置通过解析与第三位置信息相对应的网页代码,确定网页的图层结构中浮于其他图层之上的图层模块,作为上层图层模块等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何识别与第三位置信息相对应的网页代码中的上层图层模块的实现方式,均应包含在本发明的范围内。
接着,上层渲染装置对所识别的上层图层模块进行渲染,获得上层图层网页内容。
接着,第一合成装置将所述上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户,其中,所述第一下层图层网页内容通过对与所述第一位置信息相对应的网页代码中的第一下层图层模块进行渲染来获得。
其中,下层图层模块包括但不限于网页图层结构中的底层图层模块,例如,背景图层模块等。
具体地,第一合成装置根据其支持的图层合成功能,将对与第三位置信息相对应的网页代码中的上层图层模块进行渲染所得的上层图层网页内容,与在第一合成装置执行操作之前,渲染装置对与第一位置信息相对应的网页代码中的下层图层模块进行渲染所得的第一下层图层网页内容进行合成,获得新增网页内容,以确定第二网页内容并呈现给用户。
由于网页的下层图层,如背景等,往往变化很少,无需重复渲染。故本实施例通过避免重复渲染下层图层,减少了网页处理资源的消耗,进一步避免或缓解了卡顿现象。
更优选地,在前一实施例中,第一合成装置包括子合成装置(图未示),第一渲染呈现装置3还包括第二识别装置(图未示)、第二判断装置(图未示)以及第二合成装置(图未示)。
第二识别装置识别与所述第三位置信息相对应的网页代码中的第二下层图层模块。
其中,第二识别装置识别第二下层图层模块的方式,与第一识别装置识别上层图层模块的方式相同或相似,在此不再赘述。
接着,第二判断装置判断该第二下层图层模块的数据信息相比第一下层图层模块的数据信息是否具有超过预定阈值的变化率。
优选地,所述变化率包括但不限于颜色变化率、图案样式变化率等。
例如,当下层图层模块为背景图层模块时,第二判断装置判断第二背景图层模块的背景相比第一背景图层模块的背景的颜色变化率,并判断该颜色变化率是否超过预定阈值。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何判断该第二下层图层模块的数据信息相比第一下层图层模块的数据信息是否具有超过预定阈值的变化率的实现方式,均应包含在本发明的范围内。
当第二判断装置判断具有超过预定阈值的变化率时,第二合成装置对第二下层图层模块进行渲染,获得第二下层图层网页内容,并将上层图层网页内容以及第二下层图层网页内容进行合成,获得新增网页内容,以确定所述第二网页内容并呈现给所述用户。
其中,第二合成装置将上层图层网页内容以及第二下层图层网页内容进行合成的方式,与第一合成装置将上层图层网页内容与第一下层图层网页内容进行合成的方式相同或相似,在此不再赘述。
当第二判断装置判断不具有超过预定阈值的变化率时,子合成装置将上层渲染装置获得的上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
需要说明的是,第一识别装置和上层渲染装置执行的操作,与第二识别装置和第二判断装置执行的操作之间并无先后顺序;并且,根据第二判断装置的判断结果,子合成装置与第二合成装置中仅有一者会执行操作。
需要进一步说明的是,当第一网页内容与第二网页内容部分重叠时,可仅对未重叠的上层或第二下层图层模块进行渲染。
作为本发明的优选实施例之一,第一渲染呈现装置3采用网页处理资源消耗较高的渲染方式对与所述第三位置信息相对应的网页代码进行渲染,本实施例的渲染装置还包括第二确定装置(图未示)以及第二渲染呈现装置(图未示)。
第二确定装置根据用户对网页执行的操作以及所述第一位置信息,确定网页中仅在其滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
优选地,第二确定装置根据用户执行的操作,确定网页滑动的方向和距离,确定以第一位置信息为起始,网页在所确定的方向上滑动所确定的距离时需要呈现给用户的网页内容所对应的位置信息,并将其中出所述第一位置信息和第二位置信息以外的其他位置信息,作为仅在网页滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
例如,当前在移动终端中呈现的网页Web的第一网页内容P1在网页Web中的第一位置信息如图2所示,用户以图2中所示箭头方向对网页Web执行了向上滑动的手势操作,则第二确定装置根据手势操作的方向、速度以及滑动长度,确定网页向下滑动如D1所示距离;接着,移动终端确定网页Web在向下滑动如D1所示距离时需要呈现给用户的网页内容所对应的位置信息包括自第一网页内容P1的顶部起至第二网页内容P2的底部的网页内容所对应的位置信息;接着,第二确定装置将该位置信息中除第一位置信息以及第二位置信息以外的部分,即第一位置信息以及第二位置信息之间的位置信息,作为仅在网页滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据用户对网页执行的操作以及所述第一位置信息,确定网页中仅在其滑动过程中需要呈现给用户的第四网页内容在所呈现的网页中的第四位置信息的实现方式,均应包含在本发明的范围内。
接着,第二渲染呈现装置采用网页处理资源消耗较少的渲染方式,对与所述第四位置信息对应的网页代码进行渲染,并在所述网页滑动时呈现给所述用户。
其中,所述网页处理资源消耗较少的渲染方式包括但不限于CPU资源消耗少、内存消耗少等的渲染方式;例如,采用文本显示颗粒较粗、图像渲染视觉效果较差等的渲染方式。
由于一些网页内容可能仅在网页滑动过程中呈现给用户,用户通常不会注意,也难以注意在滑动时呈现的网页内容,因此,通过采用网页处理资源消耗较少的渲染方式对该种网页内容进行渲染,可在保留网页显示完整性的情况下降低网页处理资源消耗,从而进一步避免或缓解了网页卡顿现象。
图6为本发明一个优选实施例的在移动终端中用于预渲染网页的渲染装置的结构示意图。本实施例的渲染装置包括第三确定装置6以及渲染存储装置7。
第三确定装置6根据当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息,其中,所述第五网页内容与所述第一网页内容不重叠。
具体地,第三确定装置6根据第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息的方式包括但不限于:
1)第三确定装置6仅根据第一位置信息,确定第五位置信息。
例如,移动终端根据第一位置信息为网页顶端位置,确定第五位置信息为位于第一位置信息下方预定大小范围,如屏幕大小范围,的位置信息。
又例如,移动终端将位于第一位置信息上下左右预定大小范围的位置信息,作为第五位置信息等。
2)第三确定装置6包括第一子确定装置(图未示),第一子确定装置根据所述第一位置信息以及用户对所述网页执行的历史操作,确定所述第五位置信息。
例如,第一子确定装置根据上一次历史操作的手势滑动速度低于预定滑动速度,确定第五位置信息包括自第一位置信息起,各个方向上一个屏幕宽度内的位置信息,作为第五位置信息,。
优选地,第一子确定装置包括第二子确定装置,第二子确定装置根据第一位置信息以及历史操作的以下至少一项,确定第五位置信息:
1)所述历史操作的滑动方向;
例如,第二子确定装置根据历史操作包括两次手势操作:向上偏左30°以及向上偏左60°,确定用户可能的后续操作为向上偏左45°,并将该方向上预定大小范围的位置信息作为第五位置信息。
2)所述历史操作的滑动距离。
例如,第二子确定装置根据上一次历史操作的滑动距离为1.5cm,确定自第一位置信息起,在各个方向上,距离为1.5cm的滑动操作产生的网页滑动距离中需要呈现的网页内容信息对应的位置信息,作为第五位置信息。
需要说明的是,第二子确定装置可结合上述因素1)和2),确定第五位置信息。例如,第二子确定装置根据上一次历史操作的滑动距离为1.5cm,滑动方向为向上,确定自第一位置信息下方,距离为1.5cm的滑动操作产生的网页滑动距离中需要呈现的网页内容信息对应的位置信息,作为第五位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定网页中可能根据用户的后续操作而呈现给用户的第五网页内容在所呈现的网页中的第五位置信息的实现方式,均应包含在本发明的范围内。
接着,渲染存储装置对与第五位置信息相对应的网页代码进行渲染后,获得第五网页内容,并将其存储。
本实施例能够预测用户后续可能需要浏览的网页内容,并与该网页内容所对应的网页代码进行预渲染。
作为本实施例的优选方案之一,本实施例的渲染装置包括参照图5所示实施例中的第一确定装置1、比对装置2以及第一渲染呈现装置3。并且,本实施例的渲染装置还包括在比对装置2之后执行操作的第一判断装置(图未示)、获取装置(图未示)以及第三渲染呈现装置(图未示),第一渲染呈现装置3包括第一子渲染呈现装置(图未示)。
第一判断装置判断第三位置信息所对应的网页代码是否未渲染、已全部渲染或已部分渲染。
当第一判断装置判断第三位置信息所对应的网页代码已全部渲染时,获取装置直接获取已通过所述步骤S6和S7渲染获得的新增网页内容,以确定所述第二网页内容并呈现给所述用户。
当第一判断装置判断第三位置信息所对应的网页代码已部分渲染时,第三渲染呈现装置对第三位置信息所对应的网页代码中未渲染的部分进行渲染,并结合已通过所述第三确定装置以及渲染存储装置渲染获得的网页内容,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
当第一判断装置判断第三位置信息所对应的网页代码未渲染时,第一子渲染呈现装置对所述第三位置信息所对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
根据第一判断装置判断结果,获取装置、第三渲染呈现装置(图未示)以及第一子渲染呈现装置仅有一个装置执行操作。
需要说明的是,本方案可适用于前述上层渲染装置以及第一合成装置。例如,对于已预渲染并存储的上层和/或下层图层网页内容,可直接获取,无需重复渲染。
本实施例能够利用预渲染获得的网页内容,减少移动终端在用户对网页执行操作后需要渲染的网页内容,从而降低网页处理资源的消耗,以避免或缓解网页卡顿现象。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,本发明的渲染装置可采用专用集成电路(ASIC)或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (16)
1.一种在移动终端中用于渲染网页的方法,其中,该方法包括以下步骤:
a根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息;
b将所述第一位置信息与所述第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息;
c对与所述第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述移动终端支持图层合成,所述步骤c包括以下步骤:
c1识别与所述第三位置信息相对应的网页代码中的上层图层模块;
c2对所述上层图层模块进行渲染,获得上层图层网页内容;
c3将所述上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户,其中,所述第一下层图层网页内容通过对与所述第一位置信息相对应的网页代码中的第一下层图层模块进行渲染来获得。
2.根据权利要求1所述的方法,其中,在步骤c中采用网页处理资源消耗较高的渲染方式对与所述第三位置信息相对应的网页代码进行渲染,该方法还包括以下步骤:
-根据所述操作以及所述第一位置信息,确定所述网页中仅在其滑动过程中需要呈现给所述用户的第四网页内容在所呈现的网页中的第四位置信息;
-采用网页处理资源消耗较少的渲染方式,对与所述第四位置信息对应的网页代码进行渲染,并在所述网页滑动时呈现给所述用户,其中,所述网页处理资源消耗较少的渲染方式包括CPU资源消耗少和/或内存消耗少的渲染方式。
3.根据权利要求1或2所述的方法,其中,该方法还包括以下步骤:
i根据所述第一位置信息,确定所述网页中可能根据所述用户的后续操作而呈现给所述用户的第五网页内容在所呈现的网页中的第五位置信息,其中,所述第五网页内容与所述第一网页内容不重叠;
j对与所述第五位置信息相对应的网页代码进行渲染后,获得所述第五网页内容,并将其存储。
4.根据权利要求3所述的方法,其中,该方法还包括以下步骤:
-判断所述第三位置信息所对应的网页代码是否未渲染、已全部渲染或已部分渲染;
-当已全部渲染时,直接获取已渲染获得的所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
-当已部分渲染时,对所述第三位置信息所对应的网页代码中未渲染的部分进行渲染,并结合已渲染获得的网页内容,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述步骤c包括以下步骤:
-当未渲染时,对所述第三位置信息所对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
5.根据权利要求3所述的方法,其中,所述步骤i包括以下步骤:
i’根据所述第一位置信息以及所述用户对所述网页执行的历史操作,确定所述第五位置信息。
6.根据权利要求5所述的方法,其中,所述步骤i’包括以下步骤:
-根据所述第一位置信息以及所述历史操作的以下至少一项,确定所述第五位置信息:
-所述历史操作的滑动方向;
-所述历史操作的滑动距离。
7.根据权利要求1所述的方法,其中,所述步骤c还包括以下步骤:
-识别与所述第三位置信息相对应的网页代码中的第二下层图层模块;
-判断该第二下层图层模块的数据信息相比所述第一下层图层模块的数据信息是否具有超过预定阈值的变化率;
-当判断具有超过预定阈值的变化率时,对所述第二下层图层模块进行渲染,获得第二下层图层网页内容,并将所述上层图层网页内容以及所述第二下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述步骤c3包括以下步骤:
-当判断不具有超过预定阈值的变化率时,将所述上层图层网页内容与所述第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
8.根据权利要求1或2所述的方法,其中,所述步骤b包括以下步骤:
-将所述第一位置信息与所述第二位置信息进行比对,确定所述第三位置信息,并判断所述第一网页内容与所述第二网页内容是否部分重叠;
其中,所述步骤c包括以下步骤:
-当判断所述第一网页内容与所述第二网页内容部分重叠时,对与所述第三位置信息相对应的网页代码进行渲染,并将渲染后所得的新增网页内容与所述部分重叠的网页内容相结合,获得所述第二网页内容,并呈现给所述用户。
9.一种在移动终端中用于渲染网页的渲染装置,其中,该渲染装置包括:
第一确定装置,用于根据用户对当前呈现的网页所执行的、用于指示所述网页滑动的操作,以及,所述网页中当前呈现的第一网页内容在所呈现的网页中的第一位置信息,确定所述网页中在所述滑动停止后需要呈现给所述用户的第二网页内容在所呈现的网页中的第二位置信息;
比对装置,用于将所述第一位置信息与所述第二位置信息进行比对,确定所述第二网页内容相比所述第一网页内容的新增网页内容在所呈现的网页中的第三位置信息;
第一渲染呈现装置,用于对与所述第三位置信息相对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述移动终端支持图层合成,所述第一渲染呈现装置包括:
第一识别装置,用于识别与所述第三位置信息相对应的网页代码中的上层图层模块;
上层渲染装置,用于对所述上层图层模块进行渲染,获得上层图层网页内容;
第一合成装置,用于将所述上层图层网页内容与第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户,其中,所述第一下层图层网页内容通过对与所述第一位置信息相对应的网页代码中的第一下层图层模块进行渲染来获得。
10.根据权利要求9所述的渲染装置,其中,所述第一渲染呈现装置用于采用网页处理资源消耗较高的渲染方式对与所述第三位置信息相对应的网页代码进行渲染,该渲染装置还包括:
第二确定装置,用于根据所述操作以及所述第一位置信息,确定所述网页中仅在其滑动过程中需要呈现给所述用户的第四网页内容在所呈现的网页中的第四位置信息;
第二渲染呈现装置,用于采用网页处理资源消耗较少的渲染方式,对与所述第四位置信息对应的网页代码进行渲染,并在所述网页滑动时呈现给所述用户,其中,所述网页处理资源消耗较少的渲染方式包括CPU资源消耗少和/或内存消耗少的渲染方式。
11.根据权利要求9或10所述的渲染装置,其中,该渲染装置还包括:
第三确定装置,用于根据所述第一位置信息,确定所述网页中可能根据所述用户的后续操作而呈现给所述用户的第五网页内容在所呈现的网页中的第五位置信息,其中,所述第五网页内容与所述第一网页内容不重叠;
渲染存储装置,用于对与所述第五位置信息相对应的网页代码进行渲染后,获得所述第五网页内容,并将其存储。
12.根据权利要求11所述的渲染装置,其中,该渲染装置还包括:
第一判断装置,用于判断所述第三位置信息所对应的网页代码是否未渲染、已全部渲染或已部分渲染;
获取装置,用于当已全部渲染时,直接获取已渲染获得的所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
第三渲染呈现装置,用于当已部分渲染时,对所述第三位置信息所对应的网页代码中未渲染的部分进行渲染,并结合已渲染获得的网页内容,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述第一渲染呈现装置包括:
第一子渲染呈现装置,用于当未渲染时,对所述第三位置信息所对应的网页代码进行渲染,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
13.根据权利要求11所述的渲染装置,其中,所述第三确定装置包括:
第一子确定装置,用于根据所述第一位置信息以及所述用户对所述网页执行的历史操作,确定所述第五位置信息。
14.根据权利要求13所述的渲染装置,其中,所述第一子确定装置包括:
第二子确定装置,用于根据所述第一位置信息以及所述历史操作的以下至少一项,确定所述第五位置信息:
-所述历史操作的滑动方向;
-所述历史操作的滑动距离。
15.根据权利要求9所述的渲染装置,其中,所述第一渲染呈现装置包括:
第二识别装置,用于识别与所述第三位置信息相对应的网页代码中的第二下层图层模块;
第二判断装置,用于判断该第二下层图层模块的数据信息相比所述第一下层图层模块的数据信息是否具有超过预定阈值的变化率;
第二合成装置,用于当判断具有超过预定阈值的变化率时,对所述第二下层图层模块进行渲染,获得第二下层图层网页内容,并将所述上层图层网页内容以及所述第二下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户;
其中,所述第一合成装置包括:
子合成装置,用于当判断不具有超过预定阈值的变化率时,将所述上层图层网页内容与所述第一下层图层网页内容进行合成,获得所述新增网页内容,以确定所述第二网页内容并呈现给所述用户。
16.根据权利要求9或10所述的渲染装置,其中,所述比对装置包括:
子比对装置,用于将所述第一位置信息与所述第二位置信息进行比对,确定所述第三位置信息,并判断所述第一网页内容与所述第二网页内容是否部分重叠;
其中,所述第一渲染呈现装置包括:
第二子渲染呈现装置,用于当判断所述第一网页内容与所述第二网页内容部分重叠时,对与所述第三位置信息相对应的网页代码进行渲染,并将渲染后所得的新增网页内容与所述部分重叠的网页内容相结合,获得所述第二网页内容,并呈现给所述用户。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210322487.6A CN103677491B (zh) | 2012-09-03 | 2012-09-03 | 一种用于渲染网页的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210322487.6A CN103677491B (zh) | 2012-09-03 | 2012-09-03 | 一种用于渲染网页的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103677491A CN103677491A (zh) | 2014-03-26 |
CN103677491B true CN103677491B (zh) | 2018-11-13 |
Family
ID=50315248
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210322487.6A Active CN103677491B (zh) | 2012-09-03 | 2012-09-03 | 一种用于渲染网页的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103677491B (zh) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105022756B (zh) * | 2014-04-29 | 2019-06-21 | 腾讯科技(深圳)有限公司 | 一种网页显示方法及装置 |
CN105335410B (zh) * | 2014-07-31 | 2017-06-16 | 优视科技有限公司 | 一种基于合成渲染加速的网页更新方法和装置 |
CN104866302A (zh) * | 2015-04-08 | 2015-08-26 | 小米科技有限责任公司 | 网页渲染的方法及装置 |
CN106202072B (zh) * | 2015-04-29 | 2019-12-03 | 阿里巴巴集团控股有限公司 | 提供显示内容的方法和装置 |
CN107203383A (zh) * | 2017-05-25 | 2017-09-26 | 努比亚技术有限公司 | 一种用户界面调整方法及移动终端 |
CN109543128B (zh) * | 2018-10-19 | 2021-01-12 | 深圳点猫科技有限公司 | 一种基于编程语言的前端框架项目实现方法及电子设备 |
CN111611031A (zh) * | 2019-02-26 | 2020-09-01 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
CN109992702B (zh) * | 2019-03-20 | 2021-05-18 | 奇安信科技集团股份有限公司 | 数据可视化方法、装置和电子设备 |
CN113378084A (zh) * | 2020-03-10 | 2021-09-10 | 阿里巴巴集团控股有限公司 | 页面展示方法和装置、电子设备以及计算机可读存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102279720A (zh) * | 2010-06-08 | 2011-12-14 | 腾讯科技(北京)有限公司 | 屏幕显示内容更新的方法及系统 |
CN102325191A (zh) * | 2011-10-08 | 2012-01-18 | 新一站保险代理有限公司 | 一种全自动的页面无刷新处理方法及框架 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6667751B1 (en) * | 2000-07-13 | 2003-12-23 | International Business Machines Corporation | Linear web browser history viewer |
US7191211B2 (en) * | 2000-10-03 | 2007-03-13 | Raja Tuli | Portable high speed internet access device priority protocol |
US20080040683A1 (en) * | 2006-08-11 | 2008-02-14 | David Walsh | Multi-pane graphical user interface with common scroll control |
US8205168B1 (en) * | 2008-12-01 | 2012-06-19 | Adobe Systems Incorporated | Methods and systems for page navigation of dynamically laid-out systems |
US9049258B2 (en) * | 2009-09-17 | 2015-06-02 | Border Stylo, LLC | Systems and methods for anchoring content objects to structured documents |
CN101876971A (zh) * | 2010-06-22 | 2010-11-03 | 北京伟库电子商务科技有限公司 | 报表展现方法和装置 |
CN102662646B (zh) * | 2012-03-01 | 2015-09-23 | 华为技术有限公司 | 传感数据处理方法及计算节点 |
-
2012
- 2012-09-03 CN CN201210322487.6A patent/CN103677491B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102279720A (zh) * | 2010-06-08 | 2011-12-14 | 腾讯科技(北京)有限公司 | 屏幕显示内容更新的方法及系统 |
CN102325191A (zh) * | 2011-10-08 | 2012-01-18 | 新一站保险代理有限公司 | 一种全自动的页面无刷新处理方法及框架 |
Also Published As
Publication number | Publication date |
---|---|
CN103677491A (zh) | 2014-03-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103677491B (zh) | 一种用于渲染网页的方法和装置 | |
CN109783181B (zh) | 屏幕适配显示方法、电子设备及计算机存储介质 | |
US8726164B2 (en) | Mark-up extensions for semantically more relevant thumbnails of content | |
CN103678622B (zh) | 瀑布流式图片动态呈现的方法及装置 | |
CN104317474B (zh) | 窗口切换方法及装置 | |
US20110283228A1 (en) | Information processing apparatus and method, and program | |
KR20190136085A (ko) | 스크린상 코멘트 디스플레이 방법 및 전자 디바이스 | |
CN103034683B (zh) | 用于浏览器的页面切换方法和装置 | |
US10878175B2 (en) | Portlet display on portable computing devices | |
CN109582430B (zh) | 电子书中评论信息的展现方法、计算设备及存储介质 | |
CN110377285A (zh) | 一种生成页面骨架屏的方法、装置及计算机设备 | |
US10373363B2 (en) | Systems and methods for visually creating and editing scrolling actions | |
CN107608596A (zh) | 一种电子书翻页的方法、终端及存储介质 | |
US9323436B2 (en) | Utilizing drawing guides in determining the display of smart guides in a drawing program | |
US20150370439A1 (en) | Gpu-optimized scrolling systems and methods | |
CN107147940A (zh) | 内容轮播的方法、装置、电子设备和存储介质 | |
CN103809954B (zh) | 实现界面元素选定的方法和装置 | |
EP3408752B1 (en) | Object management and visualization using a computing device | |
CA2792253A1 (en) | Method and system to control a process with bend movements | |
CN106294501A (zh) | 网页动画效果显示方法和装置 | |
CN105867752A (zh) | 钉住用户界面上的区域的方法和系统 | |
CN102609414A (zh) | 一种基于浏览器的图片热区突出显示方法、装置及系统 | |
AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
CN105630893B (zh) | 一种组图标题的显示方法和装置 | |
US11127177B2 (en) | Technology for generating product designs using multiple canvases |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
EXSB | Decision made by sipo to initiate substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |