CN103336787B - 一种用于缩放网页的方法和装置 - Google Patents

一种用于缩放网页的方法和装置 Download PDF

Info

Publication number
CN103336787B
CN103336787B CN201310222190.7A CN201310222190A CN103336787B CN 103336787 B CN103336787 B CN 103336787B CN 201310222190 A CN201310222190 A CN 201310222190A CN 103336787 B CN103336787 B CN 103336787B
Authority
CN
China
Prior art keywords
webpage
web page
presented
zooming
page picture
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
Application number
CN201310222190.7A
Other languages
English (en)
Other versions
CN103336787A (zh
Inventor
刘侃
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201310222190.7A priority Critical patent/CN103336787B/zh
Publication of CN103336787A publication Critical patent/CN103336787A/zh
Application granted granted Critical
Publication of CN103336787B publication Critical patent/CN103336787B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明的提供了一种用于缩放网页的方法和装置。当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户;并在所述放大或缩小操作结束后,渲染基于所述放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。本发明具有以下优点通过放大或缩小预获得的图片,使得计算机设备在放大或缩小的过程中无需不断基于新的网页缩放比例来重新绘制网页,大大提高了网页缩放速度,有效降低了出现卡顿的可能。

Description

一种用于缩放网页的方法和装置
技术领域
本发明涉及计算机技术领域,尤其涉及一种用于缩放网页的方法和装置。
背景技术
现有技术的计算机设备中,特别是在现有技术的移动终端中,呈现网页的显示屏较小,故为了更好地浏览网页,用户往往会对网页执行放大和缩小操作。然而,在网页缩放过程中,由于用户的网页的缩放比例往往变化较大,如用户会将原始网页放大好几倍等,这会在网页放大过程中产生多个渐变的网页缩放比例,例如,当用户放大网页时,网页缩放比例可能会逐次变化为1.5倍、2倍、2.5倍等,为了保证缩放过程中网页的完整性,计算机设备需要分别计算每个比例下的网页缩放结果并绘制网页来呈献给用户,但由于用户执行的缩放操作往往是个较快的过程,因此,对于计算机设备,特别是处理性能较低的移动终端,往往其尚未基于一个网页的缩放比例来完成网页缩放的展示,就获得了一个新的网页缩放比例,这会导致计算机设备不断丢弃在网页缩放的过程中产生的中间结果并且频繁绘制网页,这种方式消耗了大量的计算资源,导致网页缩放缓慢并出现卡顿。
发明内容
本发明的目的是提供一种用于缩放网页的方法和装置。
根据本发明的一个方面,提供一种用于缩放网页的方法,其中,该方法包括以下步骤:
a当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户;
其中,该方法还包括在所述放大或缩小操作结束后执行的以下步骤:
i渲染基于所述放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
根据本发明的另一个方面,还提供了一种用于缩放网页的网页缩放装置,其中,该网页缩放装置包括:
缩放呈现装置,用于当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户;
其中,该网页缩放装置还包括在所述放大或缩小操作结束后执行操作的以下装置:
渲染装置,用于渲染基于所述放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
与现有技术相比,本发明具有以下优点:1)通过放大或缩小预获得的图片,使得计算机设备在放大或缩小的过程中无需不断基于新的网页缩放比例来重新绘制网页,大大提高了网页缩放速度,有效降低了出现卡顿的可能;2)在用于缩放操作的网页图片所呈现的网页内容多于网页中当前呈现的内容的情况下,即便执行缩小操作,屏幕仍然能够被网页内容所填满或基本填满,确保了网页在缩小操作时的完整性;3)由于预获得的网页图片所呈现的网页内容有限,通常不会超过全屏显示的图片所占用的内存,故其存储所消耗的内存相对现有技术较少;4)由于种种原因,例如,用户执行的放大或缩小操作速度较慢,又例如用户执行的放大或缩小操作的放大或缩小幅度较大,又例如,计算机设备自身的缩放算法的限制等等,用户所执行的一个放大或缩小操作,可能会被计算机设备识别为多个连续的放大或缩小操作,但实际上,在该多个连续的放大或缩小操作的过程中,可仅对网页图片执行相应的缩小或放大操作,而无需渲染网页并呈现给用户,也即,在该等多个连续的放大或缩小操作结束后再渲染网页并呈现,能够在尽量避免降低用户体验的情况下,进一步节省系统的处理资源;5)能够较为合理的确定网页图片所需要呈现的网页内容范围,从而在满足控制网页图片大小以节约内存(如将网页图片的大小控制在不超过屏幕的全部像素)的条件下,确保在较为清楚地通过网页图片来显示网页内容的同时,仍能在用户执行缩小操作时保证网页的完整性,即在用户执行缩小操作时屏幕上不会出现或基本不会出现空白。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为本发明一个优选实施例的用于缩放网页的方法流程示意图;
图2为本发明另一个优选实施例的用于缩放网页的方法流程示意图;
图3为本发明又一个优选实施例的用于缩放网页的方法流程示意图;
图4为本发明一个优选实施例的用于缩放网页的网页缩放装置的结构示意图;
图5为本发明另一个优选实施例的用于缩放网页的网页缩放装置的结构示意图;
图6为本发明又一个优选实施例的用于缩放网页的网页缩放装置的结构示意图;
图7为本发明多个优选实施例的网页图片相对当前呈现的网页在整个网页中的位置示意图;
图8为网页滑块示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1为本发明一个优选实施例的用于缩放网页的方法流程示意图。根据本实施例的方法包括步骤S0、步骤S1和步骤S2。其中,本实施例的方法主要通过计算机设备来实现;该计算机设备具有显示屏,优选地,该计算机设备的显示屏为触摸屏;优选地,该计算机设备包括但不限于PC机、平板电脑、智能手机、PDA、IPTV等;更优选地,该计算机设备为移动设备。
需要说明的是,所述计算机设备仅为举例,其他现有的或今后可能出现的计算设备如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
在步骤S0中,计算机设备加载网页并将网页呈现给用户。
例如,计算机设备加载用户点击或输入的链接所对应的网页,并渲染后,以网页可缩小至的最小比例呈现给用户等。
在步骤S1中,当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,计算机设备对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户。
其中,所述全部或部分呈现的网页可以为未经用户放大或缩小操作的网页,也可为经用户放大或缩小后的网页;且该全部或部分呈现的网页呈现了网页的全部或部分内容。
优选地,所述网页图片为位图;更优选地,将所述网页图片以其原始比例呈现时,该网页图片的大小不超过计算机设备的屏幕的大小;其中,所述原始比例表示未经放大或缩小操作的网页图片的比例。
其中,所述网页图片所呈现的网页内容多于或等于所述网页中当前呈现的内容;例如,所述网页图片可以呈现所述网页的全部内容。又例如,所述网页图片可以呈现将网页中当前呈现的部分缩小至最小比例后,计算机设备的显示屏上能够呈现的网页内容;比如,请参见图7,完整的网页大小如A所示,当前呈现的网页在网页中的位置如实线框B所示,将当前呈现的网页缩小至最小比例后,在计算机设备的屏幕上可见的网页内容的范围如虚线框C所示,则预获得的网页图片所呈现的网页内容为虚线框C所覆盖的内容。又例如,所述网页图片所呈现的内容多于网页中当前呈现的内容,但少于将当前呈现的网页缩小至最小比例后在计算机设备的屏幕上可见的网页内容;比如,请参见图7,网页图片所呈现的内容为虚线框D所覆盖的内容。
其中,所述网页图片可由计算机设备在检测到用户对网页执行放大或缩小操作时立即根据网页的网页代码获得;或者,在步骤S1执行之前,由计算机设备根据网页的网页代码获得。该等获取网页图片的方式将在后续实施例中予以详述,在此不予赘述。
具体地,当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,计算机装置可采用多种方式,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户。
例如,网页图片为位图,计算机装置将预获取的网页图片BitmapForScale与计算机设备系统中的canvas(绘图)进行绑定,从而调用canvas中的以下函数:canvas.scale(mCurrentScale/mAcutalScale,mCurrentScale/mAcutalScale,mScrollX,mScrollY),来对位图进行缩小或放大操作等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户的实现方式,均应包含在本发明的范围内。
随后,在用户执行的放大或缩小操作结束后,计算机设备还执行以下步骤S2:渲染基于用户执行的放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
其中,计算机设备可基于多种方式来判断用户执行的放大或缩小操作是否已结束。例如,计算机设备通过检测用户是否已停止按压触摸屏或是否已停止按压计算机设备的键盘上用于指示放大或缩小的按键,即通过检测触摸屏上是否仍存在触点或通过检测键盘上用于指示放大或缩小的按键是否已被用户释放,来判断用户执行的放大或缩小操作是否结束;又例如,计算机设备通过检测触摸屏上的触点的静止时间是否超过预定阈值,即通过判断在预定阈值范围内,用户是否在计算机设备上移动其施加的触点,来判断用户执行的放大或缩小操作是否结束。
其中,计算机设备可采用多种方式来渲染网页中需要呈现的内容,并替代已呈现的网页图片来呈现给用户。
例如,计算机设备为采用安卓系统的移动终端,当计算机设备检测到用户施加在电容触摸屏上的触点已静止超过一预定阈值时,计算机设备将在步骤S1中确定的、放大或缩小后的网页的缩放比例提供给浏览器内核,使得浏览器内核调用invalidate函数来刷新屏幕,并使得浏览器根据放大或缩小后的网页的缩放比例重新计算网页的宽度和高度以及网页元素的位置,从而渲染网页中需要呈现的内容,并将该内容替代原先呈现的缩小或放大后的网页图片,来呈现给用户。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何渲染基于用户执行的放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给用户的实现方式,均应包含在本发明的范围内。
本发明通过放大或缩小预获得的图片,使得计算机设备在放大或缩小的过程中无需不断基于新的网页缩放比例来重新绘制网页,大大提高了网页缩放速度,有效降低了出现卡顿的可能;并且,在用于缩放操作的网页图片所呈现的网页内容多于网页中当前呈现的内容的情况下,即便执行缩小操作,屏幕仍然能够被网页内容所填满或基本填满,确保了网页在缩小操作时的完整性;此外,由于预获得的网页图片所呈现的网页内容有限,通常不会超过全屏显示的图片所占用的内存,故其存储所消耗的内存相对现有技术较少。
作为本实施例的优选方案之一,其中,所述放大或缩小操作为多个连续的放大或缩小操作,所述步骤S2在所述多个连续的放大或缩小操作结束后执行。
优选地,当符合以下至少一项条件时,计算机判断所述多个连续的放大或缩小操作结束:
1)计算机设备检测到所呈现的所述网页上已不存在触点;
例如,计算机设备检测到所呈现的网页对应的显示区域上没有触点等。
2)计算机设备检测到位于所呈现的所述网页上的触点的静止时间超过预定阈值。
例如,计算机设备检测到,在所呈现的网页对应的显示区域内存在两个触点,且该两个触点的静止时间超过预定阈值等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何判断所述多个连续的放大或缩小操作是否结束的实现方式,均应包含在本发明的范围内。
由于种种原因,例如,用户执行的放大或缩小操作速度较慢,又例如用户执行的放大或缩小操作的放大或缩小幅度较大,又例如,计算机设备自身的缩放算法的限制等等,用户所执行的一个放大或缩小操作,可能会被计算机设备识别为多个连续的放大或缩小操作,但实际上,在该多个连续的放大或缩小操作的过程中,可仅对网页图片执行相应的缩小或放大操作,而无需渲染网页并呈现给用户,也即,在该等多个连续的放大或缩小操作结束后再渲染网页并呈现,能够在尽量避免降低用户体验的情况下,进一步节省系统的处理资源。
图2为本发明另一个优选实施例的用于缩放网页的方法流程示意图。本实施例的方法包括步骤S0、步骤S1、步骤S2和步骤S3。
其中,步骤S0、步骤S1和步骤S2已在参照图1所示实施例中予以详述,在此不再赘述。
在步骤S3中,计算机设备根据所述网页的网页代码,生成能够呈现所述网页的全部内容的图片,作为网页图片。优选地,该网页图片的原始比例为计算机设备所允许的最小比例,也即,该网页图片以其原始比例呈现时,不能再被进一步缩小。
例如,计算机设备渲染网页代码并对所生成的网页进行截图操作;或者,渲染网页代码并将渲染后的网页由网页格式转换为图片格式,从而获得能够呈现所述网页的全部内容的网页图片等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述网页的网页代码,生成能够呈现所述网页的全部内容的图片,作为网页图片的实现方式,均应包含在本发明的范围内。
需要说明的是,为简洁起见,图中显示步骤S3在步骤S1之前执行,但步骤S3的执行顺序并不以图中所示为限,事实上,步骤S3完全可在步骤S1的执行过程中执行,例如,当在步骤S1中检测到用户对全部或部分呈现的网页执行放大或缩小操作时,启动步骤S3,来生成网页图片,接着,计算机设备继续执行步骤S1,来将放大或缩小后的网页图片呈现给用户。此外,由于网页图片显示了网页的全部内容,故该网页图片可用于对网页执行的所有放大和缩小操作;也即,无需在每次执行步骤S2后,执行步骤S3。
图3为本发明又一个优选实施例的用于缩放网页的方法流程示意图。本实施例的方法包括步骤S0、步骤S1、步骤S401、步骤S402和步骤S2。
其中,步骤S0、步骤S1和步骤S2已在参照图1所示实施例中予以详述,在此不再赘述。
步骤S401和步骤S402在用户执行的放大或缩小操作结束后执行。
在步骤S401中,计算机设备根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息;其中,所述网页图片所呈现的网页内容多于所述网页中当前呈现的内容;其中,所述第一位置信息可采用多种方式表示,例如,以用于表示网页所移动至的位置的滑块(如图8所示的滑块BlockX和BlockY)的横竖坐标位置(mScrollX,mScrollY)以及网页当前的缩放比例来表示第一位置信息,又例如,以当前呈现的网页的四个顶角在网页中的位置信息,来表示第一位置信息等。
具体地,计算机设备根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息的方式包括但不限于:
1)计算机设备直接根据所述当前呈现的内容在所述网页中的第一位置信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
例如,当前呈现的内容在网页中的第一位置信息如图7中的B所示,则计算机设备根据该第一位置信息,确定在当前呈现的内容的中心位置在屏幕上的位置不变的情况下,将当前呈现的内容缩小至最小比例后,在计算机设备屏幕上呈现的网页内容在网页中的位置信息(如C所示),作为第二位置信息。
又例如,当前呈现的内容在网页中的第一位置信息如图7中的B所示,则计算机设备在B的基础上以当前的缩放比例增加预定的显示宽度和显示高度,获得覆盖如D所示区域的第二位置信息等。
2)计算机设备根据所述当前呈现的内容在所述网页中的第一位置信息,并结合所述用户的历史放大或缩小操作信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
优选地,历史放大或缩小操作中能够影响第二位置信息的确定的因素包括但不限于:1)历史网页缩放比例,也即,历史放大或缩小操作的缩放比例;2)缩小或放大后的网页内容在网页中的位置相比缩小或放大前的网页内容在网页中的位置的变化信息。
例如,计算机设备确定用户的缩小操作的平均缩小比例为缩小1.648倍,且缩小或放大后的网页内容在网页中的位置相比缩小或放大前的网页内容在网页中的位置的变化信息为:向右下方偏移,则计算机设备根据范围如B所示的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息为如D所示的范围。
3)计算机设备根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息;其中,所述最小缩放比例表示当前呈现的网页相比其缩小至最小时的缩放比例。
其中,计算机设备可采用多种方式来根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例。
例如,计算机设备将当前呈现的网页的最小缩放比例减去一预定比例,并将所获得的值作为网页图片的缩放比例。
又例如,计算机设备判断当前呈现的网页的最小缩放比例是否大于0.4f,若大于0.4f,则将最小缩放比例减去0.2f来作为网页图片的缩放比例,若不大于0.4f,则将最小缩放比例减去0.1f来作为网页图片的缩放比例;其中,0.4f表示将图片缩小至其原先的40%,0.2f与0.1f可以此类推。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例的实现方式,均应包含在本发明的范围内。
其中,计算机设备根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息的方式包括但不限于:
a)计算机设备根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,直接确定所述第二位置信息。
例如,第一位置信息包括当前呈现的网页的四个顶角在网页中的位置信息,则计算机设备直接根据网页图片的缩放比例以及四个顶角在网页中的位置信息,确定网页图片的四个顶角在网页中的位置信息,作为第二位置信息。
b)计算机设备根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定当前呈现的网页的特定位置经放大或缩小后在屏幕上的位置信息;并根据该特定位置经放大或缩小后在屏幕上的位置信息以及网页图片的缩放比例,确定第二位置信息。其中,所述特定位置为一个预先指定的位置,如中心位置等。
例如,第一位置信息包括网页所移动至的位置的滑块(如图8所示的滑块BlockX和BlockY)的横竖坐标位置(mScrollX,mScrollY)以及网页当前的缩放比例的倒数mInvActualScale,则若当前屏幕中心在屏幕上的坐标值为(mFakeZoomCenterX,mFakeZoomCenterY),则计算机设备确定当前呈现的网页的中心位置经放大或缩小后在屏幕上的X轴坐标=(mFakeZoomCenterX+mScrollX)*(scale*mInvActualScale)以及Y轴坐标=(mFakeZoomCenterY+mScrollY)*(scale*mInvActualScale),作为网页的中心位置经放大或缩小后在屏幕上的位置信息;接着,计算机设备根据该X轴和Y轴坐标信息以及网页图片的缩放比例scale,确定:
fLeft=Math.round(zx)-mFakeZoomCenterX;
fTop=Math.round(zy)-mFakeZoomCenterY;
float fRight=Math.round(fLeft)+mViewWidth)/scale;
float fBottom=(Math.round(fTop)+mViewHeight)/scale;
其中,fLeft、fTop、float fRight以及float fBottom分别表示所呈现的网页的左上角的X轴和Y轴坐标,以及,所呈现的网页的右下角的X轴和Y轴坐标。由此,计算机设备获得了第二位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息的实现方式,均应包含在本发明的范围内。
进一步需要说明的是,可结合上述实现方式2)和3)来获得第二位置信息。例如,计算机设备根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息、所述网页图片的缩放比例以及用户的历史放大或缩小操作信息,确定所述第二位置信息。又例如,计算机设备根据当前呈现的网页的最小缩放比例以及用户的历史放大或缩小操作信息,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息。又例如,计算机设备根据当前呈现的网页的最小缩放比例以及用户的历史放大或缩小操作信息,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息、所述网页图片的缩放比例以及用户的历史放大或缩小操作信息,确定所述第二位置信息。
进一步需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息的实现方式,均应包含在本发明的范围内。
接着,在步骤S402中,计算机设备根据所述第二位置信息以及所述网页的全部或部分网页代码,生成网页图片。
例如,计算机设备根据所有网页代码渲染整个网页后,基于与第二位置信息对应的网页所呈现的内容来生成网页图片。
又例如,计算机设备为采用安卓系统的移动终端,且计算机设备将参照前述实现方式3)的b)中的举例所得的网页图片缩放比例scale以及(fLeft,fTop,fRight,fBottom)提供给浏览器内核的drawContentPicture函数进行位图绘制操作,从而获得以scale为比例的位图BitmapForScale。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述第二位置信息以及所述网页的全部或部分网页代码,生成网页图片的实现方式,均应包含在本发明的范围内。
进一步需要说明的是,为简洁起见,图中显示步骤S401和步骤S402在步骤S1之前执行,但步骤S401和步骤S402的执行顺序并不以图中所示为限,事实上,步骤S401和步骤S402完全可在步骤S1的执行过程中执行,例如,当在步骤S1中检测到用户对全部或部分呈现的网页执行放大或缩小操作时,启动步骤S401和步骤S402,来生成网页图片,接着,计算机设备继续执行步骤S1,来将放大或缩小后的网页图片呈现给用户。
本实施例能够较为合理的确定网页图片所需要呈现的网页内容范围,从而在满足控制网页图片大小以节约内存(如将网页图片的大小控制在不超过屏幕的全部像素)的条件下,确保在较为清楚地通过网页图片来显示网页内容的同时,仍能在用户执行缩小操作时保证网页的完整性,即在用户执行缩小操作时屏幕上不会出现或基本不会出现空白。
图4为本发明一个优选实施例的用于缩放网页的网页缩放装置的结构示意图。本实施例的网页缩放装置包含于计算机设备中,该网页缩放装置包括加载装置0、缩放呈现装置1以及渲染装置2。
加载装置0加载网页并将网页呈现给用户。
例如,加载装置0加载用户点击或输入的链接所对应的网页,并渲染后,以网页可缩小至的最小比例呈现给用户等。
当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,缩放呈现装置1对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户。
其中,所述全部或部分呈现的网页可以为未经用户放大或缩小操作的网页,也可为经用户放大或缩小后的网页;且该全部或部分呈现的网页呈现了网页的全部或部分内容。
优选地,所述网页图片为位图;更优选地,将所述网页图片以其原始比例呈现时,该网页图片的大小不超过计算机设备的屏幕的大小;其中,所述原始比例表示未经放大或缩小操作的网页图片的比例。
其中,所述网页图片所呈现的网页内容多于或等于所述网页中当前呈现的内容;例如,所述网页图片可以呈现所述网页的全部内容。又例如,所述网页图片可以呈现将网页中当前呈现的部分缩小至最小比例后,计算机设备的显示屏上能够呈现的网页内容;比如,请参见图7,完整的网页大小如A所示,当前呈现的网页在网页中的位置如实线框B所示,将当前呈现的网页缩小至最小比例后,在计算机设备的屏幕上可见的网页内容的范围如虚线框C所示,则预获得的网页图片所呈现的网页内容为虚线框C所覆盖的内容。又例如,所述网页图片所呈现的内容多于网页中当前呈现的内容,但少于将当前呈现的网页缩小至最小比例后在计算机设备的屏幕上可见的网页内容;比如,请参见图7,网页图片所呈现的内容为虚线框D所覆盖的内容。
其中,所述网页图片可由网页缩放装置在检测到用户对网页执行放大或缩小操作时立即根据网页的网页代码获得;或者,在缩放呈现装置1执行操作之前,由网页缩放装置根据网页的网页代码获得。该等获取网页图片的方式将在后续实施例中予以详述,在此不予赘述。
具体地,当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,缩放呈现装置1可采用多种方式,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户。
例如,网页图片为位图,缩放呈现装置1将预获取的网页图片BitmapForScale与计算机设备系统中的canvas(绘图)进行绑定,从而调用canvas中的以下函数:canvas.scale(mCurrentScale/mAcutalScale,mCurrentScale/mAcutalScale,mScrollX,mScrollY),来对位图进行缩小或放大操作等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于或等于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户的实现方式,均应包含在本发明的范围内。
随后,在用户执行的放大或缩小操作结束后,渲染装置2执行以下操作:渲染装置2渲染基于用户执行的放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
其中,网页缩放装置可基于多种方式来判断用户执行的放大或缩小操作是否已结束。例如,网页缩放装置通过检测用户是否已停止按压触摸屏或是否已停止按压计算机设备的键盘上用于指示放大或缩小的按键,即通过检测触摸屏上是否仍存在触点或通过检测键盘上用于指示放大或缩小的按键是否已被用户释放,来判断用户执行的放大或缩小操作是否结束;又例如,网页缩放装置通过检测触摸屏上的触点的静止时间是否超过预定阈值,即通过判断在预定阈值范围内,用户是否在计算机设备上移动其施加的触点,来判断用户执行的放大或缩小操作是否结束。
其中,渲染装置2可采用多种方式来渲染网页中需要呈现的内容,并替代已呈现的网页图片来呈现给用户。
例如,渲染装置2为采用安卓系统的移动终端,当网页缩放装置检测到用户施加在电容触摸屏上的触点已静止超过一预定阈值时,渲染装置2将缩放呈现装置1确定的、放大或缩小后的网页的缩放比例提供给浏览器内核,使得浏览器内核调用invalidate函数来刷新屏幕,并使得浏览器根据放大或缩小后的网页的缩放比例重新计算网页的宽度和高度以及网页元素的位置,从而渲染网页中需要呈现的内容,并将该内容替代原先呈现的缩小或放大后的网页图片,来呈现给用户。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何渲染基于用户执行的放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给用户的实现方式,均应包含在本发明的范围内。
本发明通过放大或缩小预获得的图片,使得计算机设备在放大或缩小的过程中无需不断基于新的网页缩放比例来重新绘制网页,大大提高了网页缩放速度,有效降低了出现卡顿的可能;并且,在用于缩放操作的网页图片所呈现的网页内容多于网页中当前呈现的内容的情况下,即便执行缩小操作,屏幕仍然能够被网页内容所填满或基本填满,确保了网页在缩小操作时的完整性;此外,由于预获得的网页图片所呈现的网页内容有限,通常不会超过全屏显示的图片所占用的内存,故其存储所消耗的内存相对现有技术较少。
作为本实施例的优选方案之一,其中,所述放大或缩小操作为多个连续的放大或缩小操作,渲染装置2在所述多个连续的放大或缩小操作结束后执行。
优选地,当符合以下至少一项条件时,网页缩放装置中的判断装置(图未示)判断所述多个连续的放大或缩小操作结束:
1)判断装置检测到所呈现的所述网页上已不存在触点;
例如,判断装置检测到所呈现的网页对应的显示区域上没有触点等。
2)判断装置检测到位于所呈现的所述网页上的触点的静止时间超过预定阈值。
例如,判断装置检测到,在所呈现的网页对应的显示区域内存在两个触点,且该两个触点的静止时间超过预定阈值等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何判断所述多个连续的放大或缩小操作是否结束的实现方式,均应包含在本发明的范围内。
由于种种原因,例如,用户执行的放大或缩小操作速度较慢,又例如用户执行的放大或缩小操作的放大或缩小幅度较大,又例如,计算机设备自身的缩放算法的限制等等,用户所执行的一个放大或缩小操作,可能会被计算机设备识别为多个连续的放大或缩小操作,但实际上,在该多个连续的放大或缩小操作的过程中,可仅对网页图片执行相应的缩小或放大操作,而无需渲染网页并呈现给用户,也即,在该等多个连续的放大或缩小操作结束后再渲染网页并呈现,能够在尽量避免降低用户体验的情况下,进一步节省系统的处理资源。
图5为本发明另一个优选实施例的用于缩放网页的网页缩放装置的结构示意图。本实施例的网页缩放装置包含于计算机设备中,该网页缩放装置包括加载装置0、缩放呈现装置1、第一生成装置3、以及渲染装置2。
其中,加载装置0、缩放呈现装置1以及渲染装置2已在参照图4所示实施例中予以详述,在此不再赘述。
在步骤S3中,第一生成装置3根据所述网页的网页代码,生成能够呈现所述网页的全部内容的图片,作为网页图片。优选地,该网页图片的原始比例为计算机设备所允许的最小比例,也即,该网页图片以其原始比例呈现时,不能再被进一步缩小。
例如,第一生成装置3渲染网页代码并对所生成的网页进行截图操作;或者,渲染网页代码并将渲染后的网页由网页格式转换为图片格式,从而获得能够呈现所述网页的全部内容的网页图片等。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述网页的网页代码,生成能够呈现所述网页的全部内容的图片,作为网页图片的实现方式,均应包含在本发明的范围内。
需要说明的是,为简洁起见,图中显示第一生成装置3在缩放呈现装置1之前执行,但第一生成装置3的执行顺序并不以图中所示为限,事实上,第一生成装置3完全可在缩放呈现装置1执行操作过程中执行操作,例如,当缩放呈现装置1检测到用户对全部或部分呈现的网页执行放大或缩小操作时,第一生成装置3启动操作,来生成网页图片,接着,缩放呈现装置1继续执行操作,来将放大或缩小后的网页图片呈现给用户。
图6为本发明又一个优选实施例的用于缩放网页的网页缩放装置的结构示意图。本实施例的网页缩放装置包含于计算机设备中,该网页缩放装置包括加载装置0、缩放呈现装置1、位置确定装置401、第二生成装置402、以及渲染装置2。
其中,加载装置0、缩放呈现装置1以及渲染装置2已在参照图4所示实施例中予以详述,在此不再赘述。
位置确定装置401和第二生成装置402在用户执行的放大或缩小操作结束后执行操作。
位置确定装置401根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息;其中,所述网页图片所呈现的网页内容多于所述网页中当前呈现的内容;其中,所述第一位置信息可采用多种方式表示,例如,以用于表示网页所移动至的位置的滑块(如图8所示的滑块BlockX和BlockY)的横竖坐标位置(mScrollX,mScrollY)以及网页当前的缩放比例来表示第一位置信息,又例如,以当前呈现的网页的四个顶角在网页中的位置信息,来表示第一位置信息等。
具体地,位置确定装置401根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息的方式包括但不限于:
1)位置确定装置401直接根据所述当前呈现的内容在所述网页中的第一位置信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
例如,当前呈现的内容在网页中的第一位置信息如图7中的B所示,则位置确定装置401根据该第一位置信息,确定在当前呈现的内容的中心位置在屏幕上的位置不变的情况下,将当前呈现的内容缩小至最小比例后,在计算机设备屏幕上呈现的网页内容在网页中的位置信息(如C所示),作为第二位置信息。
又例如,当前呈现的内容在网页中的第一位置信息如图7中的B所示,则位置确定装置401在B的基础上以当前的缩放比例增加预定的显示宽度和显示高度,获得覆盖如D所示区域的第二位置信息等。
2)位置确定装置401包括第一子确定装置(图未示)。第一子确定装置根据所述当前呈现的内容在所述网页中的第一位置信息,并结合所述用户的历史放大或缩小操作信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
优选地,历史放大或缩小操作中能够影响第二位置信息的确定的因素包括但不限于:1)历史网页缩放比例,也即,历史放大或缩小操作的缩放比例;2)缩小或放大后的网页内容在网页中的位置相比缩小或放大前的网页内容在网页中的位置的变化信息。
例如,第一子确定装置确定用户的缩小操作的平均缩小比例为缩小1.648倍,且缩小或放大后的网页内容在网页中的位置相比缩小或放大前的网页内容在网页中的位置的变化信息为:向右下方偏移,则第一子确定装置根据范围如B所示的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息为如D所示的范围。
3)位置确定装置401包括第二子确定装置(图未示)以及第三子确定装置(图未示)。第二子确定装置根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;第三子确定装置根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息;其中,所述最小缩放比例表示当前呈现的网页相比其缩小至最小时的缩放比例。
其中,第二子确定装置可采用多种方式来根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例。
例如,第二子确定装置将当前呈现的网页的最小缩放比例减去一预定比例,并将所获得的值作为网页图片的缩放比例。
又例如,第二子确定装置判断当前呈现的网页的最小缩放比例是否大于0.4f,若大于0.4f,则将最小缩放比例减去0.2f来作为网页图片的缩放比例,若不大于0.4f,则将最小缩放比例减去0.1f来作为网页图片的缩放比例;其中,0.4f表示将图片缩小至其原先的40%,0.2f与0.1f可以此类推。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例的实现方式,均应包含在本发明的范围内。
其中,第三子确定装置根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息的方式包括但不限于:
a)第三子确定装置根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,直接确定所述第二位置信息。
例如,第一位置信息包括当前呈现的网页的四个顶角在网页中的位置信息,则第三子确定装置直接根据网页图片的缩放比例以及四个顶角在网页中的位置信息,确定网页图片的四个顶角在网页中的位置信息,作为第二位置信息。
b)第三子确定装置根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定当前呈现的网页的特定位置经放大或缩小后在屏幕上的位置信息;并根据该特定位置经放大或缩小后在屏幕上的位置信息以及网页图片的缩放比例,确定第二位置信息。其中,所述特定位置为一个预先指定的位置,如中心位置等。
例如,第一位置信息包括网页所移动至的位置的滑块(如图8所示的滑块BlockX和BlockY)的横竖坐标位置(mScrollX,mScrollY)以及网页当前的缩放比例的倒数mInvActualScale,则若当前屏幕中心在屏幕上的坐标值为(mFakeZoomCenterX,mFakeZoomCenterY),则第三子确定装置确定当前呈现的网页的中心位置经放大或缩小后在屏幕上的X轴坐标=(mFakeZoomCenterX+mScrollX)*(scale*mInvActualScale)以及Y轴坐标=(mFakeZoomCenterY+mScrollY)*(scale*mInvActualScale),作为网页的中心位置经放大或缩小后在屏幕上的位置信息;接着,第三子确定装置根据该X轴和Y轴坐标信息以及网页图片的缩放比例scale,确定:
fLeft=Math.round(zx)-mFakeZoomCenterX;
fTop=Math.round(zy)-mFakeZoomCenterY;
float fRight=Math.round(fLeft)+mViewWidth)/scale;
float fBottom=(Math.round(fTop)+mViewHeight)/scale;
其中,fLeft、fTop、float fRight以及float fBottom分别表示所呈现的网页的左上角的X轴和Y轴坐标,以及,所呈现的网页的右下角的X轴和Y轴坐标。由此,第三子确定装置获得了第二位置信息。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息的实现方式,均应包含在本发明的范围内。
进一步需要说明的是,可结合上述实现方式2)和3)来获得第二位置信息。例如,位置确定装置401根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息、所述网页图片的缩放比例以及用户的历史放大或缩小操作信息,确定所述第二位置信息。又例如,位置确定装置401根据当前呈现的网页的最小缩放比例以及用户的历史放大或缩小操作信息,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息。又例如,位置确定装置401根据当前呈现的网页的最小缩放比例以及用户的历史放大或缩小操作信息,确定所述网页图片的缩放比例;并根据所述当前呈现的内容在所述网页中的第一位置信息、所述网页图片的缩放比例以及用户的历史放大或缩小操作信息,确定所述第二位置信息。
进一步需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据当前呈现的内容在网页中的第一位置信息,确定网页图片需要呈现的网页内容在所述网页中的第二位置信息的实现方式,均应包含在本发明的范围内。
接着,第二生成装置402根据所述第二位置信息以及所述网页的全部或部分网页代码,生成网页图片。
例如,第二生成装置402根据所有网页代码渲染整个网页后,基于与第二位置信息对应的网页所呈现的内容来生成网页图片。
又例如,计算机设备为采用安卓系统的移动终端,且第二生成装置402将参照前述实现方式3)的b)中的举例所得的网页图片缩放比例scale以及(fLeft,fTop,fRight,fBottom)提供给浏览器内核的drawContentPicture函数进行位图绘制操作,从而获得以scale为比例的位图BitmapForScale。
需要说明的是,上述举例仅为更好地说明本发明的技术方案,而非对本发明的限制,本领域技术人员应该理解,任何根据所述第二位置信息以及所述网页的全部或部分网页代码,生成网页图片的实现方式,均应包含在本发明的范围内。
进一步需要说明的是,为简洁起见,图中显示步骤S401和步骤S402在步骤S1之前执行,但步骤S401和步骤S402的执行顺序并不以图中所示为限,事实上,步骤S401和步骤S402完全可在步骤S1的执行过程中执行,例如,当在步骤S1中检测到用户对全部或部分呈现的网页执行放大或缩小操作时,启动步骤S401和步骤S402,来生成网页图片,接着,计算机设备继续执行步骤S1,来将放大或缩小后的网页图片呈现给用户。
本实施例能够较为合理的确定网页图片所需要呈现的网页内容范围,从而在满足控制网页图片大小以节约内存(如将网页图片的大小控制在不超过屏幕的全部像素)的条件下,确保在较为清楚地通过网页图片来显示网页内容的同时,仍能在用户执行缩小操作时保证网页的完整性,即在用户执行缩小操作时屏幕上不会出现或基本不会出现空白。
需要说明的是,为简洁起见,图中显示位置确定装置401和第二生成装置402在缩放呈现装置1之前执行,但位置确定装置401和第二生成装置402的执行顺序并不以图中所示为限,事实上,位置确定装置401和第二生成装置402完全可在缩放呈现装置1执行操作过程中执行操作,例如,当缩放呈现装置1检测到用户对全部或部分呈现的网页执行放大或缩小操作时,位置确定装置401和第二生成装置402启动操作,来生成网页图片,接着,缩放呈现装置1继续执行操作,来将放大或缩小后的网页图片呈现给用户。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,本发明的各个装置可采用专用集成电路(ASIC)或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。

Claims (12)

1.一种用于缩放网页的方法,其中,该方法包括以下步骤:
a当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户;
其中,该方法还包括在用户执行的放大或缩小操作结束后执行的以下步骤:
j1根据所述当前呈现的内容在所述网页中的第一位置信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息;
j2根据所述第二位置信息以及所述网页的全部或部分网页代码,生成所述网页图片;
其中,该方法还包括在对所述网页图片执行的放大或缩小操作结束后执行的以下步骤:
i渲染基于所述放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
2.根据权利要求1所述的方法,其中,所述步骤j1包括以下步骤:
-根据所述当前呈现的内容在所述网页中的第一位置信息,并结合所述用户的历史放大或缩小操作信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
3.根据权利要求1所述的方法,其中,所述步骤j1包括以下步骤:
-根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;
-根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息。
4.根据权利要求1至3中任一项所述的方法,其中,所述放大或缩小操作为多个连续的放大或缩小操作,所述步骤i在所述多个连续的放大或缩小操作结束后执行。
5.根据权利要求4所述的方法,其中,该方法还包括以下步骤:
-当符合以下至少一项条件时,判断所述多个连续的放大或缩小操作结束:
-检测到所呈现的所述网页上已不存在触点;
-检测到位于所呈现的所述网页上的触点的静止时间超过预定阈值。
6.根据权利要求1至3中任一项所述的方法,其中,呈现所述网页的计算机设备具有触摸屏。
7.一种用于缩放网页的网页缩放装置,其中,该网页缩放装置包括:
缩放呈现装置,用于当检测到用户对全部或部分呈现的网页执行放大或缩小操作时,对预获得的、所呈现的网页内容多于所述网页中当前呈现的内容的网页图片执行相应的放大或缩小操作,并将放大或缩小后的网页图片呈现给用户;
其中,该网页缩放装置还包括在用户执行的放大或缩小操作结束后执行的以下装置:
位置确定装置,用于根据所述当前呈现的内容在所述网页中的第一位置信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息;
第二生成装置,用于根据所述第二位置信息以及所述网页的全部或部分网页代码,生成所述网页图片;
其中,该网页缩放装置还包括在对所述网页图片执行的放大或缩小操作结束后执行操作的以下装置:
渲染装置,用于渲染基于所述放大或缩小操作来确定的、所述网页中需要呈现的内容,并将渲染后的所述内容替换所述网页图片,来呈现给所述用户。
8.根据权利要求7所述的网页缩放装置,其中,所述位置确定装置包括:
子确定装置,用于根据所述当前呈现的内容在所述网页中的第一位置信息,并结合所述用户的历史放大或缩小操作信息,确定所述网页图片需要呈现的网页内容在所述网页中的第二位置信息。
9.根据权利要求7所述的网页缩放装置,其中,所述位置确定装置包括:
第二子确定装置,用于根据当前呈现的网页的最小缩放比例,确定所述网页图片的缩放比例;
第三子确定装置,用于根据所述当前呈现的内容在所述网页中的第一位置信息以及所述网页图片的缩放比例,确定所述第二位置信息。
10.根据权利要求7至9中任一项所述的网页缩放装置,其中,所述放大或缩小操作为多个连续的放大或缩小操作,所述渲染装置在所述多个连续的放大或缩小操作结束后执行操作。
11.根据权利要求10所述的网页缩放装置,其中,该网页缩放装置还包括:
判断装置,用于当符合以下至少一项条件时,判断所述多个连续的放大或缩小操作结束:
-检测到所呈现的所述网页上已不存在触点;
-检测到位于所呈现的所述网页上的触点的静止时间超过预定阈值。
12.根据权利要求7至9中任一项所述的网页缩放装置,其中,呈现所述网页的计算机设备具有触摸屏。
CN201310222190.7A 2013-06-05 2013-06-05 一种用于缩放网页的方法和装置 Active CN103336787B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310222190.7A CN103336787B (zh) 2013-06-05 2013-06-05 一种用于缩放网页的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310222190.7A CN103336787B (zh) 2013-06-05 2013-06-05 一种用于缩放网页的方法和装置

Publications (2)

Publication Number Publication Date
CN103336787A CN103336787A (zh) 2013-10-02
CN103336787B true CN103336787B (zh) 2017-07-07

Family

ID=49244952

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310222190.7A Active CN103336787B (zh) 2013-06-05 2013-06-05 一种用于缩放网页的方法和装置

Country Status (1)

Country Link
CN (1) CN103336787B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105022756B (zh) * 2014-04-29 2019-06-21 腾讯科技(深圳)有限公司 一种网页显示方法及装置
CN104020940A (zh) * 2014-05-23 2014-09-03 北京金山网络科技有限公司 页面控制方法和装置
CN104063444A (zh) * 2014-06-13 2014-09-24 百度在线网络技术(北京)有限公司 缩略图的生成方法和装置
CN106980494B (zh) * 2016-01-19 2021-08-03 中兴通讯股份有限公司 一种实现智能识别缩放手势指令的浏览器的方法及装置
CN108734656A (zh) * 2017-04-18 2018-11-02 腾讯科技(深圳)有限公司 缩放处理方法及装置
US10970139B2 (en) * 2018-03-28 2021-04-06 Google Llc Controlling the triggering of function calls from content items
CN109547838B (zh) * 2018-12-06 2021-06-01 青岛海信传媒网络技术有限公司 视频窗口的处理方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1602484A (zh) * 2001-04-26 2005-03-30 国际商业机器公司 用于大图像和小窗口尺寸应用的图像漫游浏览器
CN101882055A (zh) * 2010-06-21 2010-11-10 中兴通讯股份有限公司 一种终端上缩放显示页面的方法及装置
CN102637198A (zh) * 2012-02-28 2012-08-15 优视科技有限公司 网页内容显示的实现方法、装置、浏览器及移动终端
CN102831209A (zh) * 2012-08-13 2012-12-19 优视科技有限公司 网页浏览的渲染处理方法及装置和移动终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1602484A (zh) * 2001-04-26 2005-03-30 国际商业机器公司 用于大图像和小窗口尺寸应用的图像漫游浏览器
CN101882055A (zh) * 2010-06-21 2010-11-10 中兴通讯股份有限公司 一种终端上缩放显示页面的方法及装置
CN102637198A (zh) * 2012-02-28 2012-08-15 优视科技有限公司 网页内容显示的实现方法、装置、浏览器及移动终端
CN102831209A (zh) * 2012-08-13 2012-12-19 优视科技有限公司 网页浏览的渲染处理方法及装置和移动终端

Also Published As

Publication number Publication date
CN103336787A (zh) 2013-10-02

Similar Documents

Publication Publication Date Title
CN103336787B (zh) 一种用于缩放网页的方法和装置
US8769403B2 (en) Selection-based resizing for advanced scrolling of display items
US9256354B2 (en) List display apparatus
AU2013222958B2 (en) Method and apparatus for object size adjustment on a screen
US20090002324A1 (en) Method, Apparatus and Computer Program Product for Providing a Scrolling Mechanism for Touch Screen Devices
US20100153890A1 (en) Method, Apparatus and Computer Program Product for Providing a Predictive Model for Drawing Using Touch Screen Devices
CN101398742B (zh) 一种基于缩略图的医学图像系统导航器实现方法
CN105843516B (zh) 一种用于在列表页面滚动过程中显示信息的方法及装置
CN106681616B (zh) 一种浏览器功能栏显示方法、装置及设备
CN106886511B (zh) 一种网络表格的处理方法及装置
CN104166553A (zh) 一种显示方法及电子设备
CN104239266A (zh) 图形显示装置以及图形显示方法
CN103034683A (zh) 用于浏览器的页面切换方法和装置
CN110221758A (zh) 滚动条控制方法、装置、计算机设备和存储介质
CN111078035A (zh) 一种基于HTML5 Canvas的绘图方法
CN107870795A (zh) 一种电子地图显示的方法及装置
CN108319411B (zh) 一种图表局部放大的方法、装置及电子设备
US9710124B2 (en) Augmenting user interface elements based on timing information
US20160196240A1 (en) Method of displaying content and electronic device implementing same
CN112416231B (zh) 滚动条的显示方法、装置、电子设备和可读存储介质
JP2007011797A (ja) タッチパッドデバイスの制御装置及び方法、並びにプログラム及び記憶媒体
CN113204401A (zh) 浏览器渲染方法,终端及存储介质
KR20150024213A (ko) 윈도우 영역 조정 방법 및 그에 따른 전자 장치
JP6339550B2 (ja) 端末用プログラム、端末装置及び端末制御方法
CN112035877A (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