CN105022756A - 一种网页显示方法及装置 - Google Patents
一种网页显示方法及装置 Download PDFInfo
- Publication number
- CN105022756A CN105022756A CN201410177632.5A CN201410177632A CN105022756A CN 105022756 A CN105022756 A CN 105022756A CN 201410177632 A CN201410177632 A CN 201410177632A CN 105022756 A CN105022756 A CN 105022756A
- Authority
- CN
- China
- Prior art keywords
- bitmap
- breviary
- actual
- region
- object region
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种网页显示方法,包括:当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。本发明还提供一种网页显示装置。利用本发明可以在保证网页滚动流畅性的同时,保证呈现的视觉效果。
Description
技术领域
本发明具体实施例涉及浏览器技术领域,特别涉及一种网页显示方法及装置。
背景技术
随着计算机和互联网技术的发展,使用各种终端,例如台式计算机、智能手机、平板电脑等浏览网页是人们日常生活中最为常见的应用之一。在终端中的浏览器上浏览网页时,用户可以通过例如对滚动条的拖动操作、手指在触摸屏上的滑动操作等使浏览器所显示的网页发生滚动,从而使该网页的各部分依次呈现在浏览器窗口中,供用户查看。浏览器窗口中的网页部分被称为网页的页面可见区域。为了使该页面可见区域呈现出来,浏览器需要先生成该页面可见区域的实际位图,并将该实际位图绘制上屏。
然而在终端,尤其在移动终端的浏览器上浏览网页时,如果浏览器所显示的网页滚动速度过快,由于受到例如页面可见区域的复杂度、终端的计算性能和分辨率,以及浏览器内核本身的渲染能力等因素的影响,浏览器对该实际位图的生成和绘制速度可能无法跟上网页的滚动速度。为了保证网页滚动的流畅性,在该实际位图的生成或绘制速度跟不上网页的滚动速度时,通常会在浏览器窗口中绘制空白来替代该实际位图,这种方法将使页面可见区域出现白屏效果。当网页的复杂度较高,以及终端的分辨率较高时,在网页的滚动过程中页面可见区域将经常出现白屏效果。因此,这种方法虽然可以保证网页滚动的流畅性,但对用户而言显然视觉效果较差。
为了避免出现白屏效果,浏览器也可以在网页滚动过程中,每滚动一次就根据网页滚动的距离同步生成该距离对应的页面位图,结合页面可见区域中已生成的部分可重用的页面位图,可以得到页面可见区域的实际位图。这种情况下,网页的滚动速度将受到该距离对应的页面位图的生成和绘制速度的影响,若该距离对应的页面位图的生成和绘制速度较慢,将使网页的滚动出现卡顿的现象。
发明内容
有鉴于此,有必要提供一种网页显示方法及装置,可以在保证网页滚动流畅性的同时,保证呈现的视觉效果。
一种网页显示方法,包括以下步骤:当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
一种网页显示装置,包括:确定模块,用于当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;第一位图获取模块,用于从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;第一区域获取模块,用于若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;第一生成模块,用于生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;第二生成模块,用于生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
相较于现有技术,本发明网页显示方法及装置,在侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域,然后先从缓存区中获取属于该页面可见区域的实际位图绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,则生成该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图并将所生成的缩略位图绘制上屏,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,然后再生成该第一目标区域的实际位图并将所生成的实际位图绘制上屏,从而在保证网页滚动流畅性的同时,通过该缩略位图保证呈现的视觉效果。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
图1为一种终端的结构框图。
图2为本发明第一实施例提供的网页显示方法的流程图。
图3为本发明第一实施例至第六实施例提供的网页显示方法的详细流程图。
图4为第一目标区域的缩略位图的示例图。
图5为放大后的第一目标区域的缩略位图的示例图。
图6为第一目标区域的实际位图的示例图。
图7为本发明第七实施例提供的网页显示装置的框图。
具体实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、特征及其功效,详细说明如后。
图1示出了一种终端的结构框图。如图1所示,终端1包括一个或多个(图中仅示出一个)存储器11、处理器12、存储控制器13、外设接口14、通信模块15、输入单元16及显示单元17。这些组件通过一条或多条通讯总线/信号线相互通讯。
本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对终端1的结构造成限定。例如,终端1还可包括比图1所示更多或者更少的组件,或者具有与图1所示不同的配置。图1所示的各组件可以采用硬件、软件或其组合实现。
存储器11可用于存储软件程序以及模块,如本发明实施例中的网页显示方法及装置对应的程序指令/模块,处理器12通过运行存储在存储器11内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的网页显示方法。
存储器11可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器11可进一步包括相对于处理器12远程设置的存储器,这些远程设置的存储器可以通过网络连接至终端1。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器12以及其他可能的组件对存储器11的访问可在存储控制器13的控制下进行。
外设接口14将各种输入/输出装置耦合至处理器12以及存储器11。处理器12运行存储器11内的各种软件、指令以及执行终端1的各种功能以及进行数据处理。
通信模块15用于与通信网络或者其他设备进行通信。具体地,通信模块15例如可以是网卡151或RF(Radio Frequency,射频)模块152。网卡151作为局域网中连接计算机和传输介质的接口,用于实现与局域网传输介质之间的物理连接与电信号匹配,从而建立局域网并连接到因特网(Internet),与各种网络如局域网、城域网、广域网进行通信。网卡151可包括各种现有的用于执行上述功能的电路元件,例如处理器和存储器(包括ROM和RAM)等。RF模块152用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通信网络或者其他设备进行通信。RF模块152可包括各种现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。RF模块152可与各种网络如互联网、企业内部网、无线网络进行通信或者通过无线网络与其他设备进行通信。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术,包括但并不限于全球移动通信系统(GlobalSystem for Mobile Communication,GSM)、增强型移动通信技术(EnhancedData GSM Environment,EDGE),宽带码分多址技术(wideband codedivision multiple access,W-CDMA),码分多址技术(Code division access,CDMA)、时分多址技术(time division multiple access,TDMA),无线保真技术(Wireless,Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a,IEEE802.11b,IEEE802.11g和/或IEEE802.11n)、网络电话(Voice over internet protocal,VoIP)、全球微波互联接入(WorldwideInteroperability for Microwave Access,Wi-Max)、其他用于邮件、即时通信及短消息的协议,以及任何其他合适的通信协议,甚至可包括那些当前仍未被开发出来的协议。
输入单元16可用于接收输入的字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元16可包括按键161以及触控表面162。按键161例如可包括用于输入字符的字符按键,以及用于触发控制功能的控制按键。控制按键的实例包括“返回主屏”按键、开机/关机按键、拍照键等等。触控表面162可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控表面162上或在触控表面162附近的操作),并根据预先设定的程序驱动相应的连接装置。可选的,触控表面162可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器12,并能接收处理器12发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控表面162。除了触控表面162,输入单元16还可以包括其他输入设备。上述的其他输入设备包括但不限于物理键盘、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元17用于显示由用户输入的信息、提供给用户的信息以及终端1的各种图形接口。这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。在一个实例中,显示单元17包括一个显示面板171。该显示面板171例如可为一个液晶显示面板(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode Display,OLED)显示面板、电泳显示面板(Electro-Phoretic Display,EPD)等。进一步地,触控表面162可设置于显示面板171上从而与显示面板171构成一个整体。
第一实施例
参阅图2所示,本发明第一实施例提供一种网页显示方法,该网页显示方法包括以下步骤:
步骤S1,当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;
步骤S2,从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;
步骤S3,若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;
步骤S4,生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
步骤S5,生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
按照上述的网页显示方法,在侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域,然后先从缓存区中获取属于该页面可见区域的实际位图绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,则生成该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图并将所生成的缩略位图绘制上屏,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,然后再生成该第一目标区域的实际位图并将所生成的实际位图绘制上屏,从而在保证网页滚动流畅性的同时,通过该缩略位图保证呈现的视觉效果。
在一些实例中,上述方法的各步骤的实现细节如下:
步骤S1所述的浏览器显示网页的过程一般包括:当接收到用户提交的URL(Uniform Resource Locator,统一资源定位符,又称网页地址)请求,例如当用户在浏览器的地址栏中输入网页地址,或选择网页的链接地址时,终端1中的浏览器向相应的服务器请求获取网页数据,该网页数据包括待渲染并显示在该浏览器中从而呈现给用户的各种信息,例如待渲染的图片和视频的链接地址,待渲染的文字等;当获取该网页数据后,再通过浏览器内核对该网页数据进行渲染,并将经渲染处理后的网页显示出来。
浏览器所显示的网页可根据用户的操作,例如用户对浏览器滚动条的拖动操作,用户在终端1的触摸屏上的手指滑动操作等发生滚动,从而使该网页的各部分依次呈现在该浏览器的窗口中。呈现在浏览器的窗口中为用户可见的网页部分被称为该网页的页面可见区域。该页面可见区域需要以位图的形式被绘制上屏,即将该位图对应的数据传输到终端1的GPU(Graphic Processing Unit,图形处理单元)屏幕缓冲区的过程。这一过程完成后,该位图对应的页面可见区域将通过该浏览器的窗口显示出来。
所述的滚动事件为网页发生的一次连续的滚动,包括该连续的滚动从开始到结束的整个过程。步骤S1可以侦测到该网页的滚动方向、滚动距离等信息,从而确定该网页的页面可见区域。具体而言,在一个实例中,可以先确定该网页与浏览器窗口在同一个坐标系下各自的坐标范围。根据该网页的坐标范围和浏览器窗口的坐标范围,可以确定浏览器窗口的顶部与所述网页的顶部之间的距离,以及该浏览器窗口的高度。根据该浏览器窗口的顶部与该网页的顶部之间的距离,以及该浏览器窗口的高度可以确定该网页的页面可见区域。
步骤S2所述的属于该页面可见区域的实际位图是根据该页面可见区域的部分或全部内容,例如文字、图片、排版等信息生成的与该部分或全部内容在该页面可见区域中占据空间相同的位图格式的页面。若将该实际位图绘制上屏,则用户可以清晰地查看到该实际位图对应的页面可见区域的全部或局部的具体内容。具体而言,参阅图3所示,在步骤S2之前,还包括:
步骤S2.1,判断该缓存区中是否存在属于该页面可见区域的实际位图,若是,则执行所述步骤S2。
步骤S2.1可以根据缓存区中实际位图的坐标范围与该页面可见区域的坐标范围来判断该缓存区中是否存在属于该页面可见区域的实际位图。具体而言,步骤S2.1可以判断缓存区中是否存在实际位图的坐标范围与该页面可见区域的坐标范围的部分或全部重合,若是,则判定该缓存区中存在属于该页面可见区域的实际位图,并执行步骤S2。若否,则判定该缓存区中不存在属于该页面可见区域的实际位图。
步骤S2将从缓存区中获取坐标范围与该页面可见区域的坐标范围的部分或全部重合的实际位图作为属于该页面可见区域的实际位图。换言之,属于该页面可见区域的实际位图的坐标范围与该页面可见区域的坐标范围的交集即为属于该页面可见区域的实际位图的坐标范围。步骤S2获取属于该页面可见区域的实际位图后,将所获取的实际位图绘制上屏。至此,所获取的实际位图可以呈现在浏览器的窗口中,用户可以清楚地查看到该实际位图对应页面可见区域中的内容。
在所述步骤S3之前,还包括:
步骤S3.1,判断所获取的实际位图是否覆盖所述页面可见区域,若否,则执行所述步骤S3,若是,则结束流程。步骤S3.1可以根据所获取的实际位图的坐标范围与该页面可见区域的坐标范围判断所获取的实际位图是否覆盖所述页面可见区域。若所获取的实际位图的坐标范围与该页面可见区域的坐标范围完全重合,则步骤S3.1判定所获取的实际位图覆盖所述页面可见区域,并结束流程。若所获取的实际位图的坐标范围仅与部分该页面可见区域的坐标范围重合,则步骤S3.1判定所获取的实际位图未覆盖所述页面可见区域,并执行步骤S3。
步骤S3中获取该页面可见区域中未被步骤S2所获取的实际位图覆盖的第一目标区域,具体而言,可根据该页面可见区域及该实际位图的坐标范围获取该第一目标区域,即将该页面可见区域的坐标范围与该实际位图的坐标范围进行相减运算,得到该页面可见区域的坐标范围与该实际位图的坐标范围的差集,即为所述第一目标区域的坐标范围。
在步骤S3后,还进一步包括:
步骤S3.2,判断缓存区中是否存在属于该第一目标区域的缩略位图,若否,则执行所述步骤S4。
所述属于该第一目标区域的缩略位图是根据该第一目标区域的部分或全部内容,例如文字、图片、排版等信息生成的位图格式的页面。与根据相同内容生成的实际位图不同的是,该缩略位图具有较小的缩放系数,即该缩略位图的尺寸相较于相应的实际位图的尺寸按预设的缩放系数缩小。步骤S3.2也可以判断缓存区中是否存在缩略位图的坐标范围与该第一目标区域的坐标范围的部分或全部重合,若是,则判定缓存区中存在属于该第一目标区域的缩略位图。若否,则判定缓存区中不存在属于该第一目标区域的缩略位图。
步骤S4先发出该第一目标区域的缩略位图的生成指令及该第一目标区域的实际位图的生成指令,该缩略位图的生成指令优先于该实际位图的生成指令执行。
根据该第一目标区域的缩略位图的生成指令,步骤S4生成该第一目标区域的缩略位图,即根据该第一目标区域的内容以及预设的缩放系数生成位图格式的页面。该第一目标区域的缩略位图相较于第一目标区域的实际位图具有较小的缩放系数,即第一目标区域的缩略位图的尺寸相较于第一目标区域的实际位图的尺寸按预设的缩放系数缩小。由于第一目标区域的缩略位图的尺寸较小,生成第一目标区域的缩略位图的速度也相应较快。
当第一目标区域的缩略位图生成完毕时,步骤S4将所生成的缩略位图绘制上屏,并将所生成的缩略位图存入所述缓存区中,该缩略位图的坐标范围与该第一目标区域的坐标范围一致。由于第一目标区域的实际位图的尺寸相较于第一目标区域的缩略位图的尺寸更大,为了使缩略位图绘制上屏后在浏览器窗口中所占空间与第一目标区域的实际位图绘制上屏后在浏览器窗口中所占空间一致,以致步骤S5中第一目标区域的实际位图被绘制上屏后,不会让用户产生视觉上的突兀感,步骤S4可以先将所生成的缩略位图放大至与第一目标区域的实际位图一致,再将放大后的缩略位图绘制上屏。放大后绘制上屏的缩略位图可能会给用户带来模糊的视觉效果,但该缩略位图的内容与第一目标区域的实际位图的内容,例如包括各文字、图片等的排版信息等保持一致。例如图4为第一目标区域的缩略位图的示例图,图5为放大后的第一目标区域的缩略位图的示例图。
根据该第一目标区域的实际位图的生成指令,步骤S5生成该第一目标区域的实际位图,即根据该第一目标区域的内容生成的位图格式的页面。所生成的实际位图与该第一目标区域的尺寸一致。当第一目标区域的实际位图生成完毕时,步骤S5将所生成的实际位图绘制上屏,并将所生成的实际位图存入所述缓存区中,该实际位图的坐标范围与该第一目标区域的坐标范围一致。由于步骤S4先将放大后的第一目标区域的缩略位图绘制上屏,步骤S5将第一目标区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到第一目标区域的内容。如图6所示,为第一目标区域的实际位图的示例图。
由于缓存区的容量通常受到限制,例如只能存储10000个像素单位,因此在该缓存区中存储的实际位图及缩略位图的像素总和超过预设值时,需要根据一定的策略对缓存区中的部分实际位图或缩略位图进行清理。例如,将缓存区中未被使用的时长超过预设时长的实际位图或缩略位图清除。这样,即使该页面可见区域的某部分对应的实际位图或缩略位图曾经生成过并被保存在缓存区中,但由于这些实际位图或缩略位图在后续过程中可能被清除,因此在网页的本次滚动并确定页面可见区域后,缓存区中也可能不存在属于该页面可见区域的实际位图,或不存在属于所述第一目标区域的缩略位图。
此外,若该网页被更新,则该缓存区中该网页的所有实际位图和缩略位图都将被清除。具体而言,浏览器可以在从服务器获取所述网页数据后,获取该网页数据的更新时间,若该网页数据的更新时间与上一次获取的该网页数据的更新时间不一致,则可以判定该网页被更新,浏览器将缓存区中该网页的所有实际位图和缩略位图都清除。
综上所述,本实施例的网页显示方法,在缓存区中存在属于网页的页面可见区域的实际位图时,先获取属于该页面可见区域的实际位图并绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,且缓存区中不存在属于该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图时,先生成该第一目标区域的缩略位图,并在放大后绘制上屏,然后生成第一目标区域的实际位图并绘制上屏。由于第一目标区域的缩略位图相较于第一目标区域的实际位图具有更小的尺寸,因此生成速度更快。先生成第一目标区域的缩略位图并绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待第一目标区域的实际位图生成完毕后,再将第一目标区域的实际位图替换第一目标区域的缩略位图呈现在浏览器的窗口中,使用户产生第一目标区域由模糊变清晰的视觉效果。
第二实施例
参阅图3所示,本发明第二实施例提供的网页显示方法,相较于第一实施例提供的网页显示方法,若所述步骤S3.2判定缓存区中存在属于该第一目标区域的缩略位图,则进一步执行下述步骤:
步骤S3.3,从缓存区中获取属于该第一目标区域的缩略位图,并将所获取的缩略位图绘制上屏。步骤S3.3将从缓存区中获取坐标范围与该第一目标区域的坐标范围的部分或全部重合的缩略位图作为属于该第一目标区域的缩略位图。换言之,属于该第一目标区域的缩略位图的坐标范围与该第一目标区域的坐标范围的交集即为属于该第一目标区域的缩略位图的坐标范围。同样地,步骤S3.3也需要按照预设的缩放系数,将所获取的属于第一目标区域的缩略位图放大至与根据相同内容生成的实际位图一致,然后将放大后的缩略位图绘制上屏。
步骤S3.4,判断所获取的属于第一目标区域的缩略位图是否覆盖该第一目标区域。同样地,步骤S3.4也可以根据所获取的缩略位图的坐标范围与该第一目标区域的坐标范围判断所获取的属于第一目标区域的缩略位图是否覆盖该第一目标区域。若所获取的缩略位图与该第一目标区域的坐标范围完全重合,则步骤S3.4判定所获取的缩略位图覆盖第一目标区域,并执行步骤S3.5。
步骤S3.5,生成第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏,并将所生成的实际位图存入所述缓存区中。具体而言,步骤S3.4也先发出第一目标区域的实际位图的生成指令,然后步骤S3.5根据该第一目标区域的实际位图的生成指令生成该第一目标区域的实际位图,即根据第一目标区域的内容生成的位图格式的页面。所生成的实际位图与第一目标区域的尺寸一致。当第一目标区域的实际位图生成完毕时,步骤S3.5将所生成的实际位图绘制上屏。由于步骤S3.3先将放大后的属于第一目标区域的缩略位图绘制上屏,步骤S3.5将第一目标区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到第一目标区域的内容。
综上所述,本实施例的网页显示方法,在缓存区中存在属于网页的页面可见区域的实际位图时,先获取属于该页面可见区域的实际位图并绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,且缓存区中存在属于该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图时,获取属于该第一目标区域的缩略位图并在放大后绘制上屏,若所获取的缩略位图覆盖该第一目标区域,则生成第一目标区域的实际位图并绘制上屏。由于先将属于第一目标区域且覆盖第一目标区域的缩略位图放大后绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待第一目标区域的实际位图生成完毕后,再将第一目标区域的实际位图替换第一目标区域的缩略位图呈现在浏览器的窗口中,使用户产生第一目标区域由模糊变清晰的视觉效果。
第三实施例
参阅图3所示,本发明第三实施例提供的网页显示方法,相较于第二实施例提供的网页显示方法,若所述步骤S3.4判定所获取的属于第一目标区域的缩略位图未覆盖该第一目标区域,则进一步执行下述步骤:
步骤S3.6,获取该第一目标区域中未被所获取的属于第一目标区域的缩略位图覆盖的第二目标区域。具体而言,可根据该第一目标区域的坐标范围及所获取的缩略位图的坐标范围获取该第二目标区域,即将该第一目标区域的坐标范围与所获取的缩略位图的坐标范围进行相减运算,得到该第一目标区域的坐标范围与所获取的缩略位图的坐标范围的差集,即为该第二目标区域的坐标范围。
步骤S3.7,生成该第二目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。步骤S3.7也根据所发出的第二目标区域的缩略位图的生成指令生成第二目标区域的缩略位图,即根据第二目标区域的内容及预设的缩放系数生成位图格式的页面。所生成的第二目标区域的缩略位图相较于第二目标区域的实际位图具有较小的缩放系数,即第二目标区域的缩略位图的尺寸相较于第二目标区域的实际位图的尺寸按预设的缩放系数缩小。由于第二目标区域的缩略位图的尺寸较小,生成第二目标区域的缩略位图的速度也相应较快。
同样地,当第二目标区域的缩略位图生成完毕时,步骤S3.7将所生成的缩略位图按照预设的缩放系数放大至与根据相同内容生成的实际位图一致,然后将放大后的缩略位图绘制上屏,并将所生成的缩略位图存入所述缓存区中。
步骤S3.8,生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。所生成的实际位图被存入所述缓存区中。由于步骤S3.3已将放大后的属于第一目标区域的缩略位图绘制上屏,并且步骤3.7已将所生成的第二目标区域的缩略位图放大后绘制上屏,步骤S3.5将第一目标区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到第一目标区域的内容。
综上所述,本实施例的网页显示方法,在缓存区中存在属于网页的页面可见区域的实际位图时,先获取属于该页面可见区域的实际位图并绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,且缓存区中存在属于该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图时,获取属于该第一目标区域的缩略位图并在放大后绘制上屏,若所获取的缩略位图未覆盖该第一目标区域,则获取第一目标区域中未被该缩略位图覆盖的第二目标区域,然后先生成第二目标区域的缩略位图并放大后绘制上屏,再生成第一目标区域的实际位图后绘制上屏。由于先将属于第一目标区域且覆盖第一目标区域的缩略位图放大后绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待第一目标区域的实际位图生成完毕后,再将第一目标区域的实际位图替换第一目标区域的缩略位图呈现在浏览器的窗口中,使用户产生第一目标区域由模糊变清晰的视觉效果。
第四实施例
参阅图3所示,本发明第四实施例提供一种网页显示方法,相较于第一实施例的网页显示方法,若步骤S2.1判定缓存区中不存在属于该页面可见区域的实际位图,则进一步执行下述步骤:
S2.2,判断缓存区中是否存在属于该页面可见区域的缩略位图,若否,则执行下述步骤S2.3。
步骤S2.2可以根据缓存区中缩略位图的坐标范围与该页面可见区域的坐标范围来判断该缓存区中是否存在属于该页面可见区域的缩略位图。具体而言,步骤S2.2可以判断缓存区中是否存在缩略位图的坐标范围与该页面可见区域的坐标范围部分或全部重合,若是,则判定该缓存区中存在属于该页面可见区域的缩略位图。若否,则判定该缓存区中不存在属于该页面可见区域的缩略位图,并执行步骤S2.3。
步骤S2.3先发出该页面可见区域的缩略位图的生成指令及该页面可见区域的实际位图的生成指令,该缩略位图的生成指令优先于该实际位图的生成指令执行。
步骤S2.3,根据该页面可见区域的缩略位图的生成指令生成该页面可见区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。具体而言,步骤S2.3根据该页面可见区域的内容及预设的缩放系数生成位图格式的页面。该页面可见区域的缩略位图相较于该页面可见区域的实际位图具有较小的缩放系数,即该页面可见区域的缩略位图的尺寸相较于该页面可见区域的实际位图的尺寸按预设的缩放系数缩小。由于该页面可见区域的缩略位图的尺寸较小,生成页面可见区域的缩略位图的速度也相应较快。
当页面可见区域的缩略位图生成完毕时,步骤S2.3将所生成的缩略位图绘制上屏,并将所生成的缩略位图存入所述缓存区中。同样地,步骤S2.3也需要将所生成的缩略位图按照预设的缩放系数放大,即将所生成的缩略位图放大至与页面可见区域的实际位图一致,再将放大后的缩略位图绘制上屏。放大后绘制上屏的缩略位图可能会给用户带来模糊的视觉效果,但该缩略位图的内容与该页面可见区域的实际位图的内容保持一致。
步骤S2.4,根据该页面可见区域的实际位图的生成指令生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。所生成的实际位图被存入所述缓存区中。该页面可见区域的实际位图与页面可见区域的尺寸一致。由于步骤S2.3先将放大后的页面可见区域的缩略位图绘制上屏,步骤S2.4将页面可见区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到页面可见区域的内容。
综上所述,本实施例的网页显示方法,在缓存区中不存在属于网页的页面可见区域的实际位图时,若缓存区中也不存在属于该页面可见区域的缩略位图,则先生成页面可见区域的缩略位图,并在放大后绘制上屏,然后生成页面可见区域的实际位图并绘制上屏。由于页面可见区域的缩略位图相较于页面可见区域的实际位图具有更小的尺寸,因此生成速度更快。先生成页面可见区域的缩略位图并绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待将页面可见区域的实际位图绘制上屏后,可以使用户产生页面可见区域由于模糊变清晰的视觉效果。
第五实施例
参阅图3所示,本发明第五实施例的网页显示方法,相较于第四实施例的网页显示方法,若所述步骤S2.2判定该缓存区中存在属于该页面可见区域的缩略位图,则进一步执行下述步骤:
S2.5,从缓存区中获取属于该页面可见区域的缩略位图,并将所获取的缩略位图绘制上屏。步骤S2.5将从缓存区中获取坐标范围与该页面可见区域的坐标范围的部分或全部重合的缩略位图作为属于该页面可见区域的缩略位图。换言之,属于该页面可见区域的缩略位图的坐标范围与该页面可见区域的坐标范围的交集即为属于该页面可见区域的缩略位图的坐标范围。同样地,步骤S2.5也需要按照预设的缩放系数,将所获取的属于该页面可见区域的缩略位图放大至与根据相同内容生成的实际位图一致,然后将放大后的缩略位图绘制上屏。
步骤S2.6,判断所获取的属于该页面可见区域的缩略位图是否覆盖所述页面可见区域。同样地,步骤S2.6也可以根据所获取的缩略位图的坐标范围与该页面可见区域的坐标范围判断所获取的缩略位图是否覆盖所述页面可见区域。若所获取的缩略位图与该页面可见区域的坐标范围完全重合,则步骤S2.6判定所获取的缩略位图覆盖所述页面可见区域,并执行下述步骤S2.7。
步骤S2.7,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。所生成的该实际位图被存入所述缓存区中。该页面可见区域的实际位图与页面可见区域的尺寸一致。由于步骤S2.5先将放大后的页面可见区域的缩略位图绘制上屏,步骤S2.7将页面可见区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到页面可见区域的内容。
综上所述,本实施例的网页显示方法,在缓存区中不存在属于网页的页面可见区域的实际位图时,若缓存区中存在属于该页面可见区域的缩略位图,则从缓存区中获取属于该页面可见区域的缩略位图并在放大后绘制上屏。若所获取的缩略位图覆盖所述页面可见区域,则进一步生成该页面可见区域的实际位图并绘制上屏。先将页面可见区域的缩略位图绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待将页面可见区域的实际位图绘制上屏后,可以使用户产生页面可见区域由于模糊变清晰的视觉效果。
第六实施例
参阅图6所示,本发明第六实施例提供一种网页显示方法,其相较于第五实施例的网页显示方法,若所述步骤S2.6判定所获取的缩略位图未覆盖所述页面可见区域,则进一步执行下述步骤:
步骤S2.8,获取该页面可见区域中未被该缩略位图覆盖的第三目标区域。具体而言,可根据属于该页面可见区域的坐标范围及所获取的缩略位图的坐标范围获取该第三目标区域,即将该页面可见区域的坐标范围与所获取的缩略位图的坐标范围进行相减运算,得到该页面可见区域的坐标范围与所获取的缩略位图的坐标范围的差集,即为该第三目标区域的坐标范围。
步骤S2.9,生成该第三目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。步骤S2.9根据该第三目标区域的内容及预设的缩放系数生成位图格式的页面。所生成的缩略位图被存入所述缓存区中。所生成的第三目标区域的缩略位图相较于第三目标区域的实际位图具有较小的缩放系数,即第三目标区域的缩略位图的尺寸相较于第三目标区域的实际位图的尺寸按预设的缩放系数缩小。由于第三目标区域的缩略位图的尺寸较小,生成第三目标区域的缩略位图的速度也相应较快。
同样地,当第三目标区域的缩略位图生成完毕时,步骤S2.9将所生成的缩略位图按照预设的缩放系数放大至与根据相同内容生成的实际位图一致,然后将放大后的缩略位图绘制上屏。
步骤S2.10,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。所生成的实际位图被存入所述缓存区中。该页面可见区域的实际位图与页面可见区域的尺寸一致。由于步骤S2.5先将放大后的属于页面可见区域的缩略位图绘制上屏,以及步骤S2.9将放大后的第三目标区域的缩略位图绘制上屏,步骤S2.10将页面可见区域的实际位图绘制上屏后,将使用户能够从模糊到清晰地看到页面可见区域的内容。
综上所述,本实施例的网页显示方法,在缓存区中不存在属于网页的页面可见区域的实际位图时,若缓存区中存在属于该页面可见区域的缩略位图,则从缓存区中获取属于该页面可见区域的缩略位图并在放大后绘制上屏。若所获取的缩略位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该缩略位图覆盖的第三目标区域,依次生成该第三目标区域的缩略位图并在放大后绘制上屏,再生成该页面可见区域的实际位图并绘制上屏。先将页面可见区域的缩略位图绘制上屏,虽然可能给用户带来模糊的视觉效果,但可以避免浏览器窗口出现空白。待将页面可见区域的实际位图绘制上屏后,可以使用户产生页面可见区域由于模糊变清晰的视觉效果。
第七实施例
参阅图7所示,本发明第七实施例提供一种网页显示装置100,其包括确定模块101、第一判断模块102、第一位图获取模块103、第一区域获取模块104、第二判断模块105、第一生成模块106、第二生成模块107、第二位图获取模块108、第三判断模块109、第三生成模块110、第二区域获取模块111、第四生成模块112、第五生成模块113、第四判断模块114、第六生成模块115、第七生成模块116、第三位图获取模块117、第五判断模块118、第八生成模块119、第三区域获取模块120、第九生成模块121和第十生成模块122。可以理解,上述的各模块是指计算机程序或者程序段,用于执行某一项或多项特定的功能。此外,上述各模块的区分并不代表实际的程序代码也必须是分开的。
确定模块101,用于当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域。
第一判断模块102,用于判断该缓存区中是否存在属于该页面可见区域的实际位图。
第一位图获取模块103,用于若缓存区中存在属于该页面可见区域的实际位图,则从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏。
第一区域获取模块104,用于若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域。
第二判断模块105,用于判断缓存区中是否存在属于该第一目标区域的缩略位图。
第一生成模块106,用于若缓存区中不存在属于该第一目标区域的缩略位图,则生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。
第二生成模块107,用于在执行该第一生成模块106之后,生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
第二位图获取模块108,用于若第二判断模块105判定缓存区中存在属于该第一目标区域的缩略位图,则从缓存区中获取属于该第一目标区域的缩略位图,并将所获取的缩略位图绘制上屏。
第三判断模块109,用于判断所获取的属于第一目标区域的缩略位图是否覆盖该第一目标区域。
第三生成模块110,用于若所获取的属于第一目标区域的缩略位图覆盖该第一目标区域,则生成第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
第二区域获取模块111,用于若第三判断模块109判定所获取的属于第一目标区域的缩略位图未覆盖该第一目标区域,则获取该第一目标区域中未被该缩略位图覆盖的第二目标区域。
第四生成模块112,用于生成该第二目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。
第五生成模块113,用于在执行该第四生成模块112之后,生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
第四判断模块114,用于若第一判断模块102判定该缓存区中不存在属于该页面可见区域的实际位图,则进一步判断缓存区中是否存在属于该页面可见区域的缩略位图。
第六生成模块115,用于若缓存区中不存在属于该页面可见区域的缩略位图,则生成该页面可见区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。
第七生成模块116,用于在执行该第六生成模块115之后,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
第三位图获取模块117,用于若第四判断模块114判定缓存区中存在属于该页面可见区域的缩略位图,则从缓存区中获取属于该页面可见区域的缩略位图,并将所获取的缩略位图绘制上屏。
第五判断模块118,用于判断所获取的缩略位图是否覆盖所述页面可见区域。
第八生成模块119,用于若所获取的缩略位图覆盖所述页面可见区域,则生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
第三区域获取模块120,用于若第五判断模块118判定所获取的缩略位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该缩略位图覆盖的第三目标区域。
第九生成模块121,用于生成该第三目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏。
第十生成模块122,用于在执行该第九生成模块121之后,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
对于以上各模块的具体工作过程,可进一步参考本发明第一实施例至第七实施例提供的网页显示方法,在此不再赘述。
综上所述,本实施例的网页显示装置100,在侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域,然后先从缓存区中获取属于该页面可见区域的实际位图绘制上屏,若所获取的实际位图未覆盖所述页面可见区域,则生成该页面可见区域中未被该实际位图覆盖的第一目标区域的缩略位图并将所生成的缩略位图绘制上屏,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,然后再生成该第一目标区域的实际位图并将所生成的实际位图绘制上屏,从而在保证网页滚动流畅性的同时,通过该缩略位图保证呈现的视觉效果。
此外,本发明实施例还提供一种计算机可读存储介质,其内存储有计算机可执行指令,上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的网页显示方法中的各种操作。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭示如上,然而并非用以限定本发明,任何本领域技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简介修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (21)
1.一种网页显示方法,其特征在于,该方法包括以下步骤:
当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;
从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;
若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;
生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
2.如权利要求1所述的网页显示方法,其特征在于,所述从缓存区中获取属于该页面可见区域的实际位图的步骤前还包括:
判断该缓存区中是否存在属于该页面可见区域的实际位图;
若该缓存区中存在属于该页面可见区域的实际位图,则执行所述从缓存区中获取属于该页面可见区域的实际位图的步骤。
3.如权利要求2所述的网页显示方法,其特征在于,所述判断该缓存区中是否存在属于该页面可见区域的实际位图的步骤包括:
判断缓存区中是否存在实际位图的坐标范围与该页面可见区域的坐标范围的部分或全部重合,若是,则判定该缓存区中存在属于该页面可见区域的实际位图;
所述从缓存区中获取属于该页面可见区域的实际位图的步骤包括:
从缓存区中获取坐标范围与该页面可见区域的坐标范围的部分或全部重合的实际位图。
4.如权利要求1所述的网页显示方法,其特征在于,所述获取该页面可见区域中未被该实际位图覆盖的第一目标区域的步骤包括:
根据该页面可见区域及该实际位图的坐标范围获取该第一目标区域。
5.如权利要求1所述的网页显示方法,其特征在于,所述获取该页面可见区域中未被该实际位图覆盖的第一目标区域的步骤后还包括:
判断缓存区中是否存在属于该第一目标区域的缩略位图;
若缓存区中不存在属于该第一目标区域的缩略位图,则执行所述生成该第一目标区域的缩略位图的步骤。
6.如权利要求5所述的网页显示方法,其特征在于,在执行所述生成该第一目标区域的缩略位图的步骤前还包括:
发出该第一目标区域的缩略位图的生成指令及该第一目标区域的实际位图的生成指令,该缩略位图的生成指令优先于该实际位图的生成指令执行。
7.如权利要求5所述的网页显示方法,其特征在于,所述将所生成的缩略位图绘制上屏的步骤包括:
将所生成的缩略位图放大至与该第一目标区域的实际位图一致,并将放大后的缩略位图绘制上屏。
8.如权利要求5所述的网页显示方法,其特征在于,还包括:
若缓存区中存在属于该第一目标区域的缩略位图,则从缓存区中获取属于该第一目标区域的缩略位图,并将所获取的缩略位图绘制上屏;
判断所获取的属于第一目标区域的缩略位图是否覆盖该第一目标区域;
若所获取的属于第一目标区域的缩略位图覆盖该第一目标区域,则生成第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
9.如权利要求8所述的网页显示方法,其特征在于,还包括:
若所获取的属于第一目标区域的缩略位图未覆盖该第一目标区域,则获取该第一目标区域中未被该缩略位图覆盖的第二目标区域;
生成该第二目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
10.如权利要求2所述的网页显示方法,其特征在于,还包括:
若该缓存区中不存在属于该页面可见区域的实际位图,则进一步判断缓存区中是否存在属于该页面可见区域的缩略位图;
若缓存区中不存在属于该页面可见区域的缩略位图,则生成该页面可见区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
11.如权利要求10所述的网页显示方法,其特征在于,还包括:
若缓存区中存在属于该页面可见区域的缩略位图,则从缓存区中获取属于该页面可见区域的缩略位图,并将所获取的缩略位图绘制上屏;
判断所获取的缩略位图是否覆盖所述页面可见区域;
若所获取的缩略位图覆盖所述页面可见区域,则生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
12.如权利要求11所述的网页显示方法,其特征在于,还包括:
若所获取的缩略位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该缩略位图覆盖的第三目标区域;
生成该第三目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
13.一种网页显示装置,其特征在于,该装置包括:
确定模块,用于当侦测到浏览器所显示的网页发生滚动事件时,确定该网页的页面可见区域;
第一位图获取模块,用于从缓存区中获取属于该页面可见区域的实际位图,并将所获取的实际位图绘制上屏;
第一区域获取模块,用于若所获取的实际位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该实际位图覆盖的第一目标区域;
第一生成模块,用于生成该第一目标区域的缩略位图,该缩略位图相较于该第一目标区域的实际位图具有较小的缩放系数,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
第二生成模块,用于生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
14.如权利要求13所述的网页显示装置,其特征在于,还包括:
第一判断模块,用于在执行所述第一位图获取模块之前,判断该缓存区中是否存在属于该页面可见区域的实际位图,若是,则执行所述第一位图获取模块。
15.如权利要求13所述的网页显示装置,其特征在于,还包括:
第二判断模块,用于在执行所述第一区域获取模块之后,判断缓存区中是否存在属于该第一目标区域的缩略位图,若否,则执行所述第一区域获取模块。
16.如权利要求15所述的网页显示装置,其特征在于,所述将所生成的缩略位图绘制上屏的步骤包括:
将所生成的缩略位图放大至与该第一目标区域的实际位图一致,并将放大后的缩略位图绘制上屏。
17.如权利要求15所述的网页显示装置,其特征在于,还包括:
第二位图获取模块,用于若第二判断模块判定缓存区中存在属于该第一目标区域的缩略位图,则从缓存区中获取属于该第一目标区域的缩略位图,并将所获取的缩略位图绘制上屏;
第三判断模块,用于判断所获取的属于第一目标区域的缩略位图是否覆盖该第一目标区域;
第三生成模块,用于若所获取的属于第一目标区域的缩略位图覆盖该第一目标区域,则生成第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
18.如权利要求17所述的网页显示装置,其特征在于,还包括:
第二区域获取模块,用于若第三判断模块判定所获取的属于第一目标区域的缩略位图未覆盖该第一目标区域,则获取该第一目标区域中未被该缩略位图覆盖的第二目标区域;
第四生成模块,用于生成该第二目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
第五生成模块,用于在执行该第四生成模块之后,生成该第一目标区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
19.如权利要求14所述的网页显示装置,其特征在于,还包括:
第四判断模块,用于若第一判断模块判定该缓存区中不存在属于该页面可见区域的实际位图,则进一步判断缓存区中是否存在属于该页面可见区域的缩略位图;
第六生成模块,用于若缓存区中不存在属于该页面可见区域的缩略位图,则生成该页面可见区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
第七生成模块,用于在执行该第六生成模块之后,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
20.如权利要求19所述的网页显示装置,其特征在于,还包括:
第三位图获取模块,用于若第四判断模块判定缓存区中存在属于该页面可见区域的缩略位图,则从缓存区中获取属于该页面可见区域的缩略位图,并将所获取的缩略位图绘制上屏;
第五判断模块,用于判断所获取的缩略位图是否覆盖所述页面可见区域;
第八生成模块,用于若所获取的缩略位图覆盖所述页面可见区域,则生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
21.如权利要求20所述的网页显示装置,其特征在于,还包括:
第三区域获取模块,用于若第五判断模块判定所获取的缩略位图未覆盖所述页面可见区域,则获取该页面可见区域中未被该缩略位图覆盖的第三目标区域;
第九生成模块,用于生成该第三目标区域的缩略位图,当该缩略位图生成完毕时,将所生成的缩略位图绘制上屏;
第十生成模块,用于在执行该第九生成模块之后,生成该页面可见区域的实际位图,当该实际位图生成完毕时,将所生成的实际位图绘制上屏。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410177632.5A CN105022756B (zh) | 2014-04-29 | 2014-04-29 | 一种网页显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410177632.5A CN105022756B (zh) | 2014-04-29 | 2014-04-29 | 一种网页显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105022756A true CN105022756A (zh) | 2015-11-04 |
CN105022756B CN105022756B (zh) | 2019-06-21 |
Family
ID=54412737
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410177632.5A Active CN105022756B (zh) | 2014-04-29 | 2014-04-29 | 一种网页显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105022756B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110018862A (zh) * | 2018-01-09 | 2019-07-16 | 龙芯中科技术有限公司 | 浏览器的数据处理方法及装置 |
CN110178375A (zh) * | 2016-12-13 | 2019-08-27 | 乐威指南公司 | 通过预测媒体资产的感兴趣对象的移动路径并避免在移动路径中放置覆盖图来最小化覆盖图对媒体资产的掩盖的系统和方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034683A (zh) * | 2012-11-26 | 2013-04-10 | 北京奇虎科技有限公司 | 用于浏览器的页面切换方法和装置 |
CN103336787A (zh) * | 2013-06-05 | 2013-10-02 | 百度在线网络技术(北京)有限公司 | 一种用于缩放网页的方法和装置 |
CN103399866A (zh) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | 一种网络页面的渲染方法、装置及设备 |
CN103577603A (zh) * | 2013-11-19 | 2014-02-12 | 北京京东尚科信息技术有限公司 | 一种网页加载方法、装置及系统 |
CN103631824A (zh) * | 2012-08-28 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 一种网页显示方法及装置 |
CN103677491A (zh) * | 2012-09-03 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于渲染网页的方法和装置 |
-
2014
- 2014-04-29 CN CN201410177632.5A patent/CN105022756B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103631824A (zh) * | 2012-08-28 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 一种网页显示方法及装置 |
CN103677491A (zh) * | 2012-09-03 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于渲染网页的方法和装置 |
CN103034683A (zh) * | 2012-11-26 | 2013-04-10 | 北京奇虎科技有限公司 | 用于浏览器的页面切换方法和装置 |
CN103336787A (zh) * | 2013-06-05 | 2013-10-02 | 百度在线网络技术(北京)有限公司 | 一种用于缩放网页的方法和装置 |
CN103399866A (zh) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | 一种网络页面的渲染方法、装置及设备 |
CN103577603A (zh) * | 2013-11-19 | 2014-02-12 | 北京京东尚科信息技术有限公司 | 一种网页加载方法、装置及系统 |
Non-Patent Citations (1)
Title |
---|
张开敏: "《移动Web浏览系统的若干关键技术研究》", 《中国博士学位论文全文数据库 信息科技辑》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110178375A (zh) * | 2016-12-13 | 2019-08-27 | 乐威指南公司 | 通过预测媒体资产的感兴趣对象的移动路径并避免在移动路径中放置覆盖图来最小化覆盖图对媒体资产的掩盖的系统和方法 |
US11611794B2 (en) | 2016-12-13 | 2023-03-21 | Rovi Guides, Inc. | Systems and methods for minimizing obstruction of a media asset by an overlay by predicting a path of movement of an object of interest of the media asset and avoiding placement of the overlay in the path of movement |
US12015819B2 (en) | 2016-12-13 | 2024-06-18 | Rovi Guides, Inc. | Systems and methods for minimizing obstruction of a media asset by an overlay by predicting a path of movement of an object of interest of the media asset and avoiding placement of the overlay in the path of movement |
CN110018862A (zh) * | 2018-01-09 | 2019-07-16 | 龙芯中科技术有限公司 | 浏览器的数据处理方法及装置 |
CN110018862B (zh) * | 2018-01-09 | 2022-09-13 | 龙芯中科技术股份有限公司 | 浏览器的数据处理方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN105022756B (zh) | 2019-06-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107369197B (zh) | 图片处理方法、装置及设备 | |
RU2616536C2 (ru) | Способ, устройство и терминальное устройство для отображения сообщений | |
CN108205398B (zh) | 网页动画适配屏幕的方法和装置 | |
CN104899227A (zh) | 一种网页文字渲染方法及装置 | |
CN104102419B (zh) | 页面显示方法、装置和终端设备 | |
US20090002324A1 (en) | Method, Apparatus and Computer Program Product for Providing a Scrolling Mechanism for Touch Screen Devices | |
US20180181288A1 (en) | Method for displaying information, and terminal equipment | |
CN107193451B (zh) | 信息展示方法、装置、计算机设备及计算机可读存储介质 | |
CN105404458B (zh) | 网页内容更新方法及装置 | |
CN110908554B (zh) | 长截图的方法及终端设备 | |
CN110674618A (zh) | 一种内容展示方法、装置、设备及介质 | |
CN104348707A (zh) | 一种会话消息查找方法、装置及系统 | |
US20150074209A1 (en) | Method and device for displaying message | |
EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
CN105095259B (zh) | 瀑布流对象显示方法及装置 | |
CN104238931B (zh) | 信息输入方法、装置及电子设备 | |
CN107479799A (zh) | 一种显示窗口的方法和装置 | |
CN103823851A (zh) | 网页显示方法和装置 | |
CN105022756A (zh) | 一种网页显示方法及装置 | |
US20200004386A1 (en) | User interface display method, apparatus, and user interface | |
CN105022734A (zh) | 一种背景色设置方法及装置 | |
CN112883306B (zh) | 一种页面显示方法及装置 | |
CN108475284B (zh) | 显示图像的方法、装置和终端设备 | |
CN114895815A (zh) | 数据处理方法和电子设备 | |
CN114564271A (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 |