CN103870508A - 一种网页缩放方法、装置和系统 - Google Patents
一种网页缩放方法、装置和系统 Download PDFInfo
- Publication number
- CN103870508A CN103870508A CN201210549940.7A CN201210549940A CN103870508A CN 103870508 A CN103870508 A CN 103870508A CN 201210549940 A CN201210549940 A CN 201210549940A CN 103870508 A CN103870508 A CN 103870508A
- Authority
- CN
- China
- Prior art keywords
- webpage
- web page
- page element
- typesetting
- web
- 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
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000005538 encapsulation Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 8
- 238000011161 development Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 244000078534 Vaccinium myrtillus Species 0.000 description 2
- 101000934888 Homo sapiens Succinate dehydrogenase cytochrome b560 subunit, mitochondrial Proteins 0.000 description 1
- 235000017848 Rubus fruticosus Nutrition 0.000 description 1
- 241000304405 Sedum burrito Species 0.000 description 1
- 102100025393 Succinate dehydrogenase cytochrome b560 subunit, mitochondrial Human genes 0.000 description 1
- 235000003095 Vaccinium corymbosum Nutrition 0.000 description 1
- 235000017537 Vaccinium myrtillus Nutrition 0.000 description 1
- 235000021029 blackberry Nutrition 0.000 description 1
- 235000021014 blueberries Nutrition 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 235000012489 doughnuts Nutrition 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 235000012432 gingerbread Nutrition 0.000 description 1
- 235000015243 ice cream Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 235000012459 muffins Nutrition 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 235000013618 yogurt Nutrition 0.000 description 1
Images
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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Abstract
本发明实施方式提出了一种网页缩放方法、装置和系统。方法包括:服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端;终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。本发明实施方式实现了对终端浏览器中的页面进行缩放操作。而且,还可以将本发明实施方式应用到各种终端中,并且可以跨平台跨终端使用,适用范围非常广泛。
Description
技术领域
本发明实施方式涉及信息处理技术领域,更具体地,涉及一种网页缩放方法、装置和系统。
背景技术
随着计算机技术和网络技术的飞速发展,互联网(Internet)技术在人们的日常生活、学习和工作中发挥的作用也越来越大。而且,随着移动互联网的发展,互联网也在向移动化发展。在当今的信息时代中,各种信息设备应运而生:有用于话音传输的固定电话、移动电话;有用于信息资源共享、处理的服务器和个人电脑;有用于视频数据显示的各种电视机等等。这些设备都是在特定领域内为解决实际需求而产生的。随着电子消费、计算机、通信(3C)融合的到来,人们越来越多地将注意力放到了对各个不同领域的信息设备进行综合利用的研究上,以充分利用现有资源设备来为人们更好的服务
智能终端(Smartphone),是指“像个人电脑一样,具有独立的操作系统,可以由用户自行安装软件、游戏等第三方服务商提供的程序,通过此类程序来不断对手机的功能进行扩充,并可以通过移动通讯网络来实现无线网络接入的这样一类手机的总称”。
在智能终端浏览器领域一直存在着两种页面展示方案:一种是终端内置网页处理引擎(如Webkit、Presto等)作为网页抓取、解析、排版的核心,这种模式简化了终端开发,但需要终端有较强的硬件处理能力,如更快的CPU、更大的内存、更快的网络速度等;另一种方案是“瘦客户端技术”,即把网页处理引擎放置到服务器,页面抓取、解析、排版都用后台不同的服务器完成,终端只用于接收显示已经排版好的页面,这种模式开发难度较大,但终端所需要的硬件资源比较小,用较少的中央处理单元(CPU)、内存和网络资源就可以完成网页展示。
然而,然而目前很多的瘦客户端技术平台智能终端都属于单点触控,虽然可以展示由后台排版好的页面,但是却不能自由放大和缩小页面。随着智能机技术的发展,具有多点触控屏幕的终端越来越普及,因而使用多个手指在终端浏览器中自由缩放页面的需求也越来越迫切。
发明内容
本发明实施方式提出一种网页缩放方法,实现对终端浏览器中的页面进行缩放操作。
本发明实施方式还提出了一种网页缩放装置,实现对终端浏览器中的页面进行缩放操作。
本发明实施方式还提出了一种网页缩放系统,实现对终端浏览器中的页面进行缩放操作。
本发明实施方式的具体方案如下:
一种网页缩放方法,该方法包括:
服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端;
终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
一种网页缩放装置,包括网页请求接收单元、矢量排版单元和网页发送单元,其中:
网页请求接收单元,用于从终端接收网页请求,并基于该网页请求获取网页;
矢量排版单元,用于对所获取网页中的网页元素执行矢量排版;
网页发送单元,用于将矢量排版后的网页发送到终端,其中该矢量排版后的网页被终端显示,而且终端当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
一种网页缩放系统,该系统包括终端和服务器;
终端,用于向服务器发送网页请求;显示服务器所发送的矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放;
服务器,用于从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端。
从上述技术方案可以看出,在本发明实施方式中,服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端;终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。由此可见,应用本发明实施方式之后,当用户手指在多点触控的屏幕上操作时,可以根据捕获到的网页缩放命令对矢量排版后的网页进行等比缩放并实时渲染显示,可以达到矢量缩放的效果,从而实现了对终端浏览器中的页面进行缩放操作。
而且,还可以将本发明实施方式应用到各种终端中,并且可以跨平台跨终端使用,适用范围非常广泛。
附图说明
图1为根据本发明实施方式的网页缩放方法流程图;
图2为根据本发明实施方式的网页元素排版封装成包示意图;
图3为根据本发明实施方式的网页缩放之前的显示示意图;
图4为根据本发明实施方式的网页缩放之后的显示示意图;
图5为根据本发明实施方式的网页缩放装置结构示意图;
图6为根据本发明实施方式的网页缩放系统结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面结合附图对本发明作进一步的详细描述。
图1为根据本发明实施方式的网页缩放方法流程图。
如图1所示,该方法包括:
步骤101:服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端。
在这里,终端可以包括但是不局限于:功能手机、智能手机、掌上电脑、个人电脑(PC)、平板电脑或个人数字助理(PDA),等等。
以上虽然详细罗列了终端的具体实例,本领域人员可以意识到,这些罗列仅是阐述目的,并不用于限定本发明实施方式的保护范围。
终端可以适用于任意的智能终端操作系统,具体可以采用的操作系统包括但是不局限于:安卓(Andorid)、Palm OS、Symbian(塞班)、Windows mobile、Linux、Android(安卓)、iPhone(苹果)OS、Black Berry(黑莓)OS 6.0、Windows Phone系列,等等。
优选地,终端具体可以采用安卓操作系统,而且终端可以采用到Andorid的各个版本之中,包括但是不局限于:阿童木(Android Beta)、发条机器人(Android 1.0)、纸杯蛋糕(Android 1.5)、甜甜圈(Android 1.6)、松饼(Android2.0/2.1),冻酸奶(Android 2.2)、姜饼(Android 2.3)、蜂巢(Android 3.0)、冰激凌三明治(Android 4.0)、果冻豆(Jelly Bean,Android 4.1)等版本。
以上详细罗列了Android平台的具体版本,本领域技术人员可以意识到,本发明实施方式并不局限于上述罗列版本,而还可以适用于其他基于Android软件架构的任意版本之中。
在一个实施方式中,服务器可以从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页。
在另一个实施方式中,服务器可以从终端接收网页请求,并基于该网页请求从自身的缓存中获取网页。
其中,对所获取网页中的网页元素执行矢量排版具体可以包括:
提取所获取网页中的网页元素(网页元素具体可以包括文本、图片、控件等等),并设置网页元素的渲染属性信息,再将网页元素及其渲染属性信息封装成网页元素排版包。
在这里,服务器将网页元素及其渲染属性信息封装成网页元素排版包,类似于级联样式表(CSS)排版中采用的“盒子模型”,这个过程称为矢量排版。
比如,可以将每一个需要排版的网页元素都排版成一个矩形区域,该矩形区域内包含内容区域(即具体的网页元素内容),内容区域内可以包括文本、图片、控件(按钮、输入框、列表等)等。矩形区域和内容区域都可以有不同的渲染属性,如颜色、边框宽度等,这些属性信息可以由渲染属性信息所设定。
图2为根据本发明实施方式的网页元素排版封装成包示意图。
以上虽然详细说明了以为矩形区域为“盒子”封装需要排版的网页元素,本领域技术人员可以意识到,本领域并不局限于此,而是可以用任意的预先设定形状的“盒子”来封装需要排版的网页元素。
渲染属性信息决定了如何显示渲染网页元素排版包以及网页元素排版包中的网页元素。渲染属性信息可以分为针对每个网页元素排版包都适用的通用属性,以及针对具体网页元素排版包适用的专有属性。
比如,通用属性可以包括:
X:渲染网页元素排版包在网页文档中的X坐标;
Y:渲染网页元素排版包在网页文档中的Y坐标;
WIDTH:渲染网页元素排版包的宽度;
HEIGHT:渲染网页元素排版包的高度;
BG_COLOR:渲染网页元素排版包的背景色;
PADDING_LEFT:网页元素排版包里面的内容距离网页元素排版包左边的距离;
PADDING_TOP:网页元素排版包里面的内容距离网页元素排版包上边的距离;
PADDING_RIGHT:网页元素排版包里面的内容距离网页元素排版包右边的距离;
PADDING_BOTTOM:网页元素排版包里面的内容距离网页元素排版包下边的距离,等等。
针对网页元素排版包里面的内容不同,渲染属性信息还可以包括一些专有属性。
比如:当网页元素为文本时,所述网页元素的渲染属性信息进一步包括下列中的至少一个:FONT_SIZE:文本大小(字号);FONT_STYLE:文本样式(普通、粗体、斜体);FONT_COLOR:文本颜色;URL:文本可能存在的链接;VALUE:文本内容。
当网页元素为图片时,所述网页元素的渲染属性信息进一步包括图片可能存在的链接或图片不存在时默认替换文本。
当网页元素为控件时,所述网页元素的渲染属性信息进一步包括控件类型;所述控件包括下列中的至少一个:按钮控件;列表框控件;单行文本/密码输入框控件;多行文本输入框控件;文件上传控件;抽屉控件;单选控件;或多选控件。
对于文本,既可为普通文本,也可以是带有超链接的文本等。当属性含有有效URL属性时即为超链接文本,否则为普通文本,两种不同的文本会显示不同的颜色,并决定是否能点击选中。
对于图片,当属性含有有效URL属性时即为超链接图片,否则为普通图片,带超链接的图片可以点击选中并打开新链接。
步骤102:终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
在这里,终端解析网页元素排版包以获取网页元素及其渲染属性信息,并根据所述渲染属性信息渲染该网页元素排版包以及网页元素,从而显示所述矢量排版后的网页,优选地,网页元素排版包的具体形状在终端中显示为不可见。
当用户两个手指在多点触控的屏幕上操作时,可以根据滑动屏等设备上捕获到的缩放倍数对此“盒子模型”进行等比缩放,并实时渲染显示即可达到矢量缩放。
优选得,当终端检测到网页缩放命令之后,可以根据网页缩放命令确定出网页缩放比例;终端按照所述网页缩放比例,对所述矢量排版后网页中的网页元素排版包以及网页元素进行矢量缩放,其中网页元素排版包设置为不可见。
图3为根据本发明实施方式的网页缩放之前的显示示意图;图4为根据本发明实施方式的网页缩放之后的显示示意图。
如图3所示,服务器排版封装了六个页面元素包,分别为A1、A2、B1、B2、C1和C2,其中A1和A2的内容区域为文本内容,B1和B2的内容区域为图片内容;C1和C2的内容区域为控件内容。
因此在终端界面上的排版布局分别为A1(0,0,40,20)、A2(0,20,40,40)、B1(40,0,80,20)、B2(40,20,80,40)、C1(80,0,120,20)、C2(80,20,120,40)。
当终端用户对页面放大一个倍数(如1.5倍)时,所有排版元素分别乘上相应放大倍数1.5。
那么,如图4所示:
A1*1.5,A1区域坐标为(0,0,60,30);
A2*1.5,A2区域坐标为(0,30,60,60);
B1*1.5,B1区域坐标为(60,0,120,30);
B2*1.5,B2区域坐标为(60,30,120,60);
C1*1.5,C1区域坐标为(120,0,180,30);
C2*1.5,C2区域坐标为(120,30,180,60)。
而且,在各个区域内的区域内容的相应渲染属性值也要分别乘以相应的放大倍数。比如,A1包中的文本区域离包的上距离由4变为4*1.5,即6;A1包中的文本区域离包的下距离由4变为4*1.5,即6;A1包中的文本区域离包的左距离由4变为4*1.5,即6;A1包中的文本区域离包的右距离由4变为4*1.5,即6。
同样,其它包中的内容区域也执行类似的乘法处理。
由图3和图4可见,放大之后各个元素排序依然正常。虽然页面元素多种多样,但依据本发明实施方式都可以实现服务器矢量排版,终端矢量渲染的方案。
可见,在本发明实施方式中,智能终端把页面请求发送到服务器;服务器可以去第三方网站或从自身缓存抓取页面等资源;然后服务器再对页面进行转换以及矢量排版;服务器返回排版好的页面到终端;终端显示已经排版好的页面,并根据用户缩放操作进行矢量缩放。
基于上述详细分析,本发明实施方式还提出了一种的网页缩放装置结构。
图5为根据本发明实施方式的网页缩放装置结构示意图。
如图5所示,该装置包括网页请求接收单元501、矢量排版单元502和网页发送单元503,其中:
网页请求接收单元501,用于从终端接收网页请求,并基于该网页请求获取网页;
矢量排版单元502,用于对所获取网页中的网页元素执行矢量排版;
网页发送单元503,用于将矢量排版后的网页发送到终端,其中该矢量排版后的网页被终端显示,而且终端当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
在一个实施方式中,网页请求接收单元501,用于从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页,或基于该网页请求从自身的缓存中获取网页。
优选地,矢量排版单元502,用于提取所获取网页中的网页元素,设置网页元素的渲染属性信息,并将网页元素及其渲染属性信息封装成网页元素排版包。
其中,网页元素的渲染属性信息包括下列中的至少一个:网页元素排版包在网页中的位置;网页元素排版包的宽度;网页元素排版包的背景色;网页元素排版包的高度;或网页元素在网页元素排版包中的位置。
当网页元素包括文本时,所述网页元素的渲染属性信息进一步包括下列中的至少一个:文本大小;文本样式;文本颜色;或文本可能存在的超链接。
当网页元素包括图片时,所述网页元素的渲染属性信息进一步包括图片可能存在的链接或图片不存在时默认替换的文本。
当网页元素为控件时,所述网页元素的渲染属性信息进一步包括控件类型;所述控件包括下列中的至少一个:按钮控件;列表框控件;单行文本/密码输入框控件;多行文本输入框控件;文件上传控件;抽屉控件;单选控件;或多选控件。
基于上述详细分析,本发明实施方式还提出了一种网页缩放系统。
图6为根据本发明实施方式的网页缩放系统结构图。
如图6所示,该系统包括终端和服务器;
终端,用于向服务器发送网页请求;显示服务器所发送的矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放;
服务器,用于从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端。
在一个实施方式中,服务器,用于提取所获取网页中的网页元素,设置网页元素的渲染属性信息,并将网页元素及其渲染属性信息封装成网页元素排版包;
终端,用于解析网页元素排版包以获取网页元素及其渲染属性信息,并根据所述渲染属性信息渲染该网页元素排版包以及网页元素。
在一个实施方式中,服务器,用于从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页,或基于该网页请求从自身的缓存中获取网页。
在一个实施方式中,终端,用于根据网页缩放命令确定出网页缩放比例;按照所述网页缩放比例,对所述矢量排版后网页中的网页元素排版包以及网页元素进行矢量缩放,其中网页元素排版包设置为不可见。
实际上,可以通过多种形式来具体实施本发明实施方式所提出的网页缩放方法和装置。比如,可以遵循一定规范的应用程序接口,将网页缩放方法编写为安装到终端中的插件程序,也可以将其封装为应用程序以供用户自行下载使用。当编写为插件程序时,可以将其实施为ocx、dll、cab等多种插件形式。也可以通过Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等具体技术来实施本发明实施方式所提出的网页缩放方法。
可以通过指令或指令集存储的储存方式将本发明实施方式所提出的网页缩放方法存储在各种存储介质上。这些存储介质包括但是不局限于:软盘、光盘、DVD、硬盘、闪存、U盘、CF卡、SD卡、MMC卡、SM卡、记忆棒(Memory Stick)、xD卡等。
另外,还可以将本发明实施方式所提出的网页缩放方法应用到基于闪存(Nand flash)的存储介质中,比如U盘、CF卡、SD卡、SDHC卡、MMC卡、SM卡、记忆棒、xD卡等。
综上所述,在本发明实施方式中,服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端;终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。由此可见,应用本发明实施方式之后,当用户手指在多点触控的屏幕上操作时,可以根据捕获到的网页缩放命令对矢量排版后的网页进行等比缩放并实时渲染显示,可以达到矢量缩放的效果,从而实现了对终端浏览器中的页面进行缩放操作。
而且,还可以将本发明实施方式应用到各种终端中,并且可以跨平台跨终端使用,适用范围非常广泛。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (19)
1.一种网页缩放方法,其特征在于,该方法包括:
服务器从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端;
终端显示所述矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
2.根据权利要求1所述的网页缩放方法,其特征在于,所述服务器从终端接收网页请求,基于该网页请求获取网页包括:
服务器从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页;或
服务器从终端接收网页请求,基于该网页请求从自身的缓存中获取网页。
3.根据权利要求1所述的网页缩放方法,其特征在于,所述对所获取网页中的网页元素执行矢量排版包括:
提取所获取网页中的网页元素,并设置网页元素的渲染属性信息,将网页元素及其渲染属性信息封装成网页元素排版包;
所述终端显示所述矢量排版后的网页包括:
终端解析网页元素排版包以获取网页元素及其渲染属性信息,并根据所述渲染属性信息渲染该网页元素排版包以及网页元素。
4.根据权利要求3所述的网页缩放方法,其特征在于,所述网页元素的渲染属性信息包括下列中的至少一个:
网页元素排版包在网页中的位置;
网页元素排版包的宽度;
网页元素排版包的背景色;
网页元素排版包的高度;或
网页元素在网页元素排版包中的位置。
5.根据权利要求4所述的网页缩放方法,其特征在于,所述网页元素为文本,所述网页元素的渲染属性信息进一步包括下列中的至少一个:
文本大小;
文本样式;
文本颜色;或
文本可能存在的超链接。
6.根据权利要求4所述的网页缩放方法,其特征在于,所述网页元素为图片,所述网页元素的渲染属性信息进一步包括图片可能存在的链接或图片不存在时默认替换文本。
7.根据权利要求4所述的网页缩放方法,其特征在于,所述网页元素为控件,所述网页元素的渲染属性信息进一步包括控件类型;所述控件包括下列中的至少一个:
按钮控件;
列表框控件;
单行文本/密码输入框控件;
多行文本输入框控件;
文件上传控件;
抽屉控件;
单选控件;或
多选控件。
8.根据权利要求1-7中任一项所述的网页缩放方法,其特征在于,
所述终端根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放包括:
终端根据网页缩放命令确定出网页缩放比例;
终端按照所述网页缩放比例,对所述矢量排版后网页中的网页元素排版包以及网页元素进行矢量缩放,其中网页元素排版包设置为不可见。
9.一种网页缩放装置,其特征在于,包括网页请求接收单元、矢量排版单元和网页发送单元,其中:
网页请求接收单元,用于从终端接收网页请求,并基于该网页请求获取网页;
矢量排版单元,用于对所获取网页中的网页元素执行矢量排版;
网页发送单元,用于将矢量排版后的网页发送到终端,其中该矢量排版后的网页被终端显示,而且终端当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放。
10.根据权利要求9所述的网页缩放装置,其特征在于,
网页请求接收单元,用于从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页,或基于该网页请求从自身的缓存中获取网页。
11.根据权利要求9所述的网页缩放装置,其特征在于,
矢量排版单元,用于提取所获取网页中的网页元素,设置网页元素的渲染属性信息,并将网页元素及其渲染属性信息封装成网页元素排版包。
12.根据权利要求11所述的网页缩放装置,其特征在于,所述网页元素的渲染属性信息包括下列中的至少一个:
网页元素排版包在网页中的位置;
网页元素排版包的宽度;
网页元素排版包的背景色;
网页元素排版包的高度;或
网页元素在网页元素排版包中的位置。
13.根据权利要求12所述的网页缩放装置,其特征在于,所述网页元素为文本,所述网页元素的渲染属性信息进一步包括下列中的至少一个:
文本大小;
文本样式;
文本颜色;或
文本可能存在的超链接。
14.根据权利要求12所述的网页缩放装置,其特征在于,所述网页元素为图片,所述网页元素的渲染属性信息进一步包括图片可能存在的链接或图片不存在时默认替换的文本。
15.根据权利要求12所述的网页缩放装置,其特征在于,所述网页元素为控件,所述网页元素的渲染属性信息进一步包括控件类型;所述控件包括下列中的至少一个:
按钮控件;
列表框控件;
单行文本/密码输入框控件;
多行文本输入框控件;
文件上传控件;
抽屉控件;
单选控件;或
多选控件。
16.一种网页缩放系统,其特征在于,该系统包括终端和服务器;
终端,用于向服务器发送网页请求;显示服务器所发送的矢量排版后的网页,并当检测到网页缩放命令之后,根据所述网页缩放命令对所述矢量排版后网页中的网页元素进行缩放;
服务器,用于从终端接收网页请求,基于该网页请求获取网页,对所获取网页中的网页元素执行矢量排版,并将矢量排版后的网页发送到终端。
17.根据权利要求16所述的网页缩放系统,其特征在于,该系统包括:
服务器,用于提取所获取网页中的网页元素,设置网页元素的渲染属性信息,并将网页元素及其渲染属性信息封装成网页元素排版包;
终端,用于解析网页元素排版包以获取网页元素及其渲染属性信息,并根据所述渲染属性信息渲染该网页元素排版包以及网页元素。
18.根据权利要求16所述的网页缩放系统,其特征在于,
服务器,用于从终端接收网页请求,并基于该网页请求从第三方网页提供源获取网页,或基于该网页请求从自身的缓存中获取网页。
19.根据权利要求16所述的网页缩放系统,其特征在于,
终端,用于根据网页缩放命令确定出网页缩放比例;按照所述网页缩放比例,对所述矢量排版后网页中的网页元素排版包以及网页元素进行矢量缩放,其中网页元素排版包设置为不可见。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210549940.7A CN103870508B (zh) | 2012-12-18 | 2012-12-18 | 一种网页缩放方法、装置和系统 |
PCT/CN2013/088133 WO2014094533A1 (en) | 2012-12-18 | 2013-11-29 | Method and apparatus for displaying a webpage |
US14/734,008 US20150269271A1 (en) | 2012-12-18 | 2015-06-09 | Method And Apparatus For Displaying A Webpage |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210549940.7A CN103870508B (zh) | 2012-12-18 | 2012-12-18 | 一种网页缩放方法、装置和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103870508A true CN103870508A (zh) | 2014-06-18 |
CN103870508B CN103870508B (zh) | 2016-04-20 |
Family
ID=50909049
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210549940.7A Active CN103870508B (zh) | 2012-12-18 | 2012-12-18 | 一种网页缩放方法、装置和系统 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20150269271A1 (zh) |
CN (1) | CN103870508B (zh) |
WO (1) | WO2014094533A1 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017124931A1 (zh) * | 2016-01-19 | 2017-07-27 | 中兴通讯股份有限公司 | 一种实现智能识别缩放手势指令的浏览器的方法及装置 |
CN107066267A (zh) * | 2017-03-27 | 2017-08-18 | 网易(杭州)网络有限公司 | 页面尺寸处理方法、装置及设备 |
CN107786882A (zh) * | 2017-09-30 | 2018-03-09 | 青岛海信宽带多媒体技术有限公司 | 一种网页显示方法、装置及机顶盒 |
CN108021666A (zh) * | 2017-12-04 | 2018-05-11 | 北京百度网讯科技有限公司 | 页面适配方法和装置 |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10007647B2 (en) | 2016-05-23 | 2018-06-26 | International Business Machines Corporation | Adapting and validating graphical user interfaces for target devices |
US11288852B1 (en) * | 2020-11-02 | 2022-03-29 | International Business Machines Corporation | Cognitive leadspace choreography |
KR102515264B1 (ko) * | 2021-03-23 | 2023-03-29 | 주식회사 이알마인드 | 다국어 입력 가능한 원격 서비스 제공 방법 및 이를 수행하는 서버 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101615189A (zh) * | 2009-07-20 | 2009-12-30 | 魏新成 | 在手机屏幕上增大字体缩放比例渲染显示网页文字内容 |
CN101727495A (zh) * | 2009-12-31 | 2010-06-09 | 优视科技有限公司 | 一种用于移动通讯设备终端的网页页面缩放管理系统及其应用方法 |
CN101882055A (zh) * | 2010-06-21 | 2010-11-10 | 中兴通讯股份有限公司 | 一种终端上缩放显示页面的方法及装置 |
CN102156934A (zh) * | 2010-02-11 | 2011-08-17 | 台湾大哥大股份有限公司 | 数字多媒体杂志发布系统与方法 |
CN102457528A (zh) * | 2010-10-19 | 2012-05-16 | 北京邮电大学 | 面向手机终端的自适应发布Web内容的方法与系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7210099B2 (en) * | 2000-06-12 | 2007-04-24 | Softview Llc | Resolution independent vector display of internet content |
AU2002305392A1 (en) * | 2001-05-02 | 2002-11-11 | Bitstream, Inc. | Methods, systems, and programming for producing and displaying subpixel-optimized images and digital content including such images |
US20050237321A1 (en) * | 2004-03-31 | 2005-10-27 | Young Kenneth L | Grid canvas |
US20130205189A1 (en) * | 2012-01-25 | 2013-08-08 | Advanced Digital Systems, Inc. | Apparatus And Method For Interacting With An Electronic Form |
-
2012
- 2012-12-18 CN CN201210549940.7A patent/CN103870508B/zh active Active
-
2013
- 2013-11-29 WO PCT/CN2013/088133 patent/WO2014094533A1/en active Application Filing
-
2015
- 2015-06-09 US US14/734,008 patent/US20150269271A1/en not_active Abandoned
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101615189A (zh) * | 2009-07-20 | 2009-12-30 | 魏新成 | 在手机屏幕上增大字体缩放比例渲染显示网页文字内容 |
CN101727495A (zh) * | 2009-12-31 | 2010-06-09 | 优视科技有限公司 | 一种用于移动通讯设备终端的网页页面缩放管理系统及其应用方法 |
CN102156934A (zh) * | 2010-02-11 | 2011-08-17 | 台湾大哥大股份有限公司 | 数字多媒体杂志发布系统与方法 |
CN101882055A (zh) * | 2010-06-21 | 2010-11-10 | 中兴通讯股份有限公司 | 一种终端上缩放显示页面的方法及装置 |
CN102457528A (zh) * | 2010-10-19 | 2012-05-16 | 北京邮电大学 | 面向手机终端的自适应发布Web内容的方法与系统 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017124931A1 (zh) * | 2016-01-19 | 2017-07-27 | 中兴通讯股份有限公司 | 一种实现智能识别缩放手势指令的浏览器的方法及装置 |
US11137897B2 (en) | 2016-01-19 | 2021-10-05 | Zte Corporation | Method and device for intelligently recognizing gesture-based zoom instruction by browser |
CN107066267A (zh) * | 2017-03-27 | 2017-08-18 | 网易(杭州)网络有限公司 | 页面尺寸处理方法、装置及设备 |
CN107066267B (zh) * | 2017-03-27 | 2021-09-07 | 网易(杭州)网络有限公司 | 页面尺寸处理方法、装置及设备 |
CN107786882A (zh) * | 2017-09-30 | 2018-03-09 | 青岛海信宽带多媒体技术有限公司 | 一种网页显示方法、装置及机顶盒 |
CN108021666A (zh) * | 2017-12-04 | 2018-05-11 | 北京百度网讯科技有限公司 | 页面适配方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103870508B (zh) | 2016-04-20 |
US20150269271A1 (en) | 2015-09-24 |
WO2014094533A1 (en) | 2014-06-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103870508B (zh) | 一种网页缩放方法、装置和系统 | |
CN102306174B (zh) | 一种基于网页元素与用户进行互动的方法与设备 | |
CN105975576B (zh) | 终端内容适配显示方法、装置和终端 | |
US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
CN103281575B (zh) | 一种智能电视新型控制方法 | |
CN105955888B (zh) | 一种页面调试预览方法及系统 | |
CN106919707B (zh) | 一种基于h5的页面显示方法和终端 | |
US20150248722A1 (en) | Web based interactive multimedia system | |
CN102364460B (zh) | 基于移动终端的页面自动放大方法和系统 | |
CN111062778A (zh) | 产品浏览方法、装置、设备及存储介质 | |
CN104820589B (zh) | 一种动态适配网页的方法及其装置 | |
CN103353886A (zh) | 预览网页的方法及系统 | |
JP2014514629A (ja) | 一種のウェブページ再組版の方法 | |
JP2012043140A (ja) | Webページ閲覧システム及び中継サーバ | |
CN107066174A (zh) | 浮层显示方法、装置及用户终端 | |
CN110007829B (zh) | 内容显示方法、装置、终端及存储介质 | |
CN106469183A (zh) | 页面呈现方法和装置、页面数据处理方法和客户端 | |
JP2013118612A (ja) | 移動通信端末の画面キャプチャー方法 | |
CN112764752A (zh) | 页面的展示方法和装置、存储介质、电子装置 | |
CN107643911B (zh) | 基于html5的界面交互及展示系统、方法 | |
CN104113464B (zh) | 基于即时通讯提示的交互方法、装置和系统 | |
CN110019037A (zh) | 一种pdf文件展示方法、装置、设备及存储介质 | |
CN110569460B (zh) | 推送信息展示方法、装置及存储介质 | |
CN107862728B (zh) | 图片标签的添加方法、装置及计算机可读存储介质 | |
CN107239268A (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 | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |