CN104715053A - 网页内容显示的实现方法、装置及浏览器 - Google Patents

网页内容显示的实现方法、装置及浏览器 Download PDF

Info

Publication number
CN104715053A
CN104715053A CN201510142703.2A CN201510142703A CN104715053A CN 104715053 A CN104715053 A CN 104715053A CN 201510142703 A CN201510142703 A CN 201510142703A CN 104715053 A CN104715053 A CN 104715053A
Authority
CN
China
Prior art keywords
convergent
divergent
coordinate information
webpage
display window
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
Application number
CN201510142703.2A
Other languages
English (en)
Other versions
CN104715053B (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.)
Alibaba China Co Ltd
Original Assignee
Ucweb Inc
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 Ucweb Inc filed Critical Ucweb Inc
Priority to CN201510142703.2A priority Critical patent/CN104715053B/zh
Priority claimed from CN201210048961.0A external-priority patent/CN102637198B/zh
Publication of CN104715053A publication Critical patent/CN104715053A/zh
Application granted granted Critical
Publication of CN104715053B publication Critical patent/CN104715053B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网页内容显示的实现方法、装置及浏览器。其中,该方法包括:在接收到输入的缩放命令后,获取缩放命令对应的缩放中心点;执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息;根据第一坐标信息,获取缩放后显示窗口相对于网页的第二坐标信息;根据显示窗口的第二坐标信息,将缩放后的缩放中心点作为显示窗口的中心点,显示网页在缩放后位于显示窗口的内容。通过本发明,在网页缩放后,将进行网页缩放前用户浏览的区域显示在浏览器可视区域,避免了用户进行网页移动,提高了用户体验。

Description

网页内容显示的实现方法、装置及浏览器
本申请是于2012年02月28日递交的,申请号为CN201210048961.0、发明名称为“网页内容显示的实现方法、装置、浏览器及移动终端”的分案申请。
技术领域
本发明涉及移动通信领域,具体而言,涉及一种网页内容显示的实现方法、装置及浏览器。
背景技术
目前,大多数浏览器都具有网页缩放的功能,用户可以通过网页缩放功能,对正在浏览的网页页面进行放大或缩小。当用户对网页进行缩放后,网页的结构将发生变化,而浏览器的可视区域大小不会改变。
由于网页的结构发生了变化,而可视区域的大小没变,因此会造成缩放前的浏览区域和缩放后的浏览区域不一致,原来正在浏览的区域在缩放后会偏移到浏览器的其他区域。尤其对于显示屏幕较小的便携式电子设备,网页缩放会使浏览区域发生更大的偏移,造成用户当前浏览的区域在缩放后全部或部分进入浏览器的不可视区域,用户在网页缩放后需要移动网页才能重新看到缩放前的网页区域。
针对相关技术中网页缩放后,用户缩放前浏览的区域部分或全部进入浏览器的不可视区域,使得用户需要移动缩放后的网页才能浏览网页缩放前浏览的内容的问题,目前尚未提出有效的解决方案。
发明内容
针对网页缩放后用户当前浏览区域发生偏移,使得用户需要移动缩放后的网页以浏览缩放前正在浏览的内容的问题,本发明提供了一种网页内容显示的实现方案,以至少解决上述问题。
根据本发明的一个方面,提供了一种网页内容显示的实现方法,包括:在接收到输入的缩放命令后,获取所述缩放命令对应的缩放中心点;执行所述缩放命令,获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息;将缩放后的所述缩放中心点作为显示窗口的中心点,并结合获取的所述第一坐标信息,获取缩放后所述显示窗口相对于所述网页的第二坐标信息;根据所述显示窗口的第二坐标信息,显示所述网页在缩放后位于所述显示窗口的内容。
根据本发明的另一方面,提供了一种网页内容显示的实现装置,包括:第一获取模块,用于在接收到输入的缩放命令后,获取所述缩放命令对应的缩放中心点;第二获取模块,用于执行所述缩放命令,获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息;第三获取模块,用于将缩放后的所述缩放中心点作为显示窗口的中心点,并结合获取的所述第一坐标信息,获取缩放后所述显示窗口相对于所述网页的第二坐标信息;显示模块,用于根据所述显示窗口的第二坐标信息,显示所述网页在缩放后位于所述显示窗口的内容。
根据本发明的又一方面,提供了一种浏览器,包括:本发明提供的上述网页内容显示的实现装置。
通过本发明,在接收到输入的缩放命令后,获取缩放命令对应的缩放中心点;执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息;将缩放后的缩放中心点作为显示窗口的中心点,获取缩放后显示窗口相对于网页的第二坐标信息;根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。因此,本发明实现了在网页缩放后,可以将进行网页缩放前用户浏览的区域显示在浏览器可视区域,保持用户的浏览的一致性,避免了用户进行网页移动操作实现位置调整的麻烦,提高了用户体验。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例一的网页内容显示的实现方法的流程图;
图2是根据本发明实施例二的网页内容显示的实现方法的流程图;
图3是根据本发明实施例三的网页内容显示的实现装置的结构框图;
图4是根据本发明实施例三的优选网页内容显示的实现装置的结构框图;
图5是根据本发明实施例三的优选第四获取模块的结构框图;
图6是wap页面放大前的网页内容显示的效果图;
图7是wap页面放大中的网页内容显示的效果图;
图8是wap页面放大后并且自动居中对齐后的网页内容显示的效果图;
图9是www页面缩小前的网页内容显示的效果图;
图10是www页面缩小中的网页内容显示的效果图;
图11是www页面缩小后并且自动居中对齐后的网页内容显示的效果图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
实施例一
根据本发明实施例,提供了一种网页内容显示的实现方法,可以实现在网页缩放后,将进行网页缩放前用户浏览的区域显示在浏览器可视区域,保持用户的浏览的一致性,避免了用户进行网页移动操作。
图1是根据本发明实施例一的网页内容显示的实现方法的流程图,如图1所示,该方法包括以下几个步骤(步骤S102-步骤S108):
步骤S102,在接收到输入的缩放命令后,获取缩放命令对应的缩放中心点。
步骤S104,执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息。
步骤S106,将缩放后的缩放中心点作为显示窗口的中心点,并结合获取的第一坐标信息,获取缩放后显示窗口相对于网页的第二坐标信息。
步骤S108,根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。
通过本发明实施例,接收到用户输入的缩放命令后获取缩放命令对应的缩放中心点;执行缩放命令后,获取缩放中心点在缩放后相对于网页的第一坐标信息;将缩放后的缩放中心点作为当前显示窗口的中心点,获取缩放后显示窗口相对于网页的第二坐标信息;根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。因此,本发明实现了在网页缩放后,可以将进行网页缩放前用户浏览的区域显示在浏览器可视区域,保持用户浏览的一致性,避免了用户进行网页移动操作实现位置调整的麻烦,提高了用户体验。
在本发明实施例中,用户可以通过多点接触触摸显示器进行网页缩放操作,也可以通过浏览器的缩放按钮进行网页缩放操作,针对不同的缩放操作方式,在缩放过程中可以选取不同的缩放中心点。
在本发明实施例的一个优选实施方式中:
1)在用户通过多点接触触摸显示器进行网页缩放操作的情况下,接收用户输入的缩放命令后,获取缩放命令对应的缩放中心点,可以包括:接收用户通过多点接触触摸显示屏输入的缩放命令,获取用户接触的多点的中心点,将用户接触的多点的中心点作为缩放中心点。
2)在用户通过缩放按钮进行网页缩放操作的情况下,接收用户输入的缩放命令后,获取缩放命令对应的缩放中心点,可以包括:接收用户通过缩放按键输入的缩放命令,将显示窗口的中心点作为缩放中心点。
在接收到输入的缩放命令后,获取缩放命令对应的的缩放中心点,获取到该缩放中心点之后,可以执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息,在本发明实施例中,第一坐标信息可以标记为(Xf,Yf),(Xf,Yf)为缩放后的缩放中心点相对于网页的坐标信息。
获取到缩放中心点在缩放后相对于网页的第一坐标信息后,可以以缩放中心点为显示窗口的中心,调整当前窗口的位置,使用户缩放前浏览的区域显示在窗口内的可视区域。在本发明实施例的一个优选实施方式中,将缩放后的缩放中心点作为当前显示窗口的中心点,获取缩放后显示窗口相对于网页的第二坐标信息,可以包括:
按照以下公式获取缩放后所述显示窗口相对于网页的第二坐标信息:
X2=Xf-W/2;
Y2=Yf-H/2;
其中,(X2,Y2)为显示窗口的左上角顶点相对于网页的坐标信息,(Xf,Yf)为第一坐标信息(即缩放后的缩放中心点相对于网页的坐标信息),W为显示窗口的宽度,H为显示窗口的高度。
进一步的,为了更精确地将缩放前用户浏览的区域显示在窗口,可以先定位缩放中心点所对应的网页的节点区域,并获取缩放中心点在节点区域中的位置比例,在调整缩放后的窗口位置时,可以根据获取的比例位置进行调整。
因此,在本发明实施例的一个优选实施方式中,在执行缩放命令之前,还可以获取缩放中心点在网页中所对应的节点区域中的位置比例。此时,获取缩放中心点在缩放后相对于所述网页的第一坐标信息为获取缩放后的节点区域相对于网页的坐标区域信息。获取到位置比例和第一坐标信息后,可以根据位置比例以及节点区域在缩放后相对于网页的坐标区域信息,获取缩放后显示窗口相对于网页的第二坐标信息。
鉴于上述优选实施方式,在本发明实施例的另一个优选实施方式中,可以通过以下步骤获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例:
获取缩放前缩放中心点相对于网页的第三坐标信息(Xp1,Yp1);
根据获取的第三坐标信息,定位缩放中心点所对应的网页的节点区域;
获取节点区域相对于网页的坐标区域(Xn,Yn)(Wn,Hn),其中,(Xn,Yn)为节点区域的左上角顶点相对于网页的坐标信息,Wn为节点区域的宽度,Hn为节点区域的高度;
根据第三坐标信息和节点区域的坐标区域,获取缩放中心点在节点区域中的位置比例,其中,位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY:
PercentX=(Xp1-Xn)/Wn,
PercentY=(Yp1-Yn)/Hn。
鉴于上述优选实施方式,可以获取缩放后节点区域相对于网页的坐标区域(Xm,Ym)(Wm,Hm),其中,(Xm,Ym)为节点区域的左上角顶点相对于网页的坐标信息,Wm为节点区域的宽度,Hm为节点区域的高度。
根据节点区域在缩放后相对于所述网页的坐标区域信息及获取的位置比例,可以按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息:
X2=Xm+PercentX*Wm-W/2;
Y2=Ym+PercentY*Hm-H/2;
其中,(X2,Y2)为显示窗口的左上角顶点相对于网页的坐标信息,W为显示窗口的宽度,H为显示窗口的高度。
获取缩放后显示窗口相对于网页的第二坐标信息后,根据坐标(X2,Y2)进行位置移动。坐标(X2,Y2),即浏览器的可视窗口移动到的区域坐标,因此将可视窗口移动到该坐标,并显示网页在缩放后位于显示窗口的内容。这样,使得缩放后还能自动将内容调整到屏幕中心显示。
在本发明实施例的一个优选实施方式中,上述节点区域可以为预先划分的网页的文本区域或图片区域。
实施例二
根据本发明实施例,可以实现在用户对网页比例进行缩放(多点触摸放大/缩小、或点击缩放按钮)之后,对网页进行自动重新排版,并且将用户之前正在看的内容对齐到屏幕中央去,从而就省得用户再手动调整阅读位置。
在本发明实施例中,网页大小为:整个网页的大小;窗口大小为:浏览器可视的窗口的大小;窗口位置为:浏览器可视窗口左上角在整个网页中的坐标。点的坐标表示为(X,Y),X为该点的X轴坐标,Y为该点的Y轴坐标。区域的区域坐标表示为(X,Y),(W,H),其中,X为该区域的左上角的X轴坐标,Y为该区域的左上角的Y轴坐标,W为该区域的宽度,H为该区域的高度。
以手机浏览器的窗口宽度、高度分别为W、H,并且窗口的位置为(X1,Y1)为例,当前网页的缩放比例表示为Z1。此时用户对网页进行缩放(放大或缩小)操作,通过多点触摸或者缩放按钮均可,并且操作后的缩放比例为Z2。在本发明实施例中,以用户使用两点触摸进行缩放为例进行说明。
图2是根据本发明实施例二的网页内容显示的实现方法的流程图,如图2所示该方法可以包括以下几个步骤(步骤S202-步骤S214)。
步骤S202,计算用户两点触摸的中心点在屏幕中的坐标,即(Xp,Yp),并计算相对整个网页的坐标为(Xp+X1,Yp+Y1)即(Xp1,Yp1)。
在获取到用户的缩放操作后,该步骤开始计算用户两点触摸的中心点在屏幕中的坐标。
其中,两点触摸的中心点的坐标(Xp,Yp)是通过以下公式计算的:浏览器给出用户在屏幕上触摸的两个点的坐标,分别为(Xa,Ya)以及(Xb,Yb),然后计算Xp=(Xa+Xb)/2,Yp=(Ya+Yb)/2。
步骤S204,通过计算所得的中心点相对整个网页的坐标(Xp1,Yp1),定位坐标(Xp1,Yp1)所对应的网页中的节点(文本、图片等),该节点可以标记为“Node”。
步骤S206,计算该Node的坐标区域(Xn,Yn)(Wn,Hn)。其中,Xn为节点区域的左上角的X轴坐标,Yn为节点区域的左上角的Y轴坐标,Wn为节点区域的宽度,Hn为节点区域的高度。
关于节点的区域的计算,根据HTML4.1以及CSS2.1的官方规范对网页进行排版,然后根据Dom规范找出该元素(文本、图片等)对应的节点,然后浏览器会给出该节点的排版区域,该区域就是x坐标、y坐标、宽度、高度。通过该方式,可以得到Node的坐标区域。
步骤S208,计算中心点在Node节点中的位置比例。其中,该位置比例可以通过如下公式确定:水平方向中的比例为PercentX=(Xp1-Xn)/Wn,垂直方向中的比例为PercentY=(Yp1-Yn)/Hn。
步骤S210,页面进行缩放,并重新排版,由于排版时会对屏幕宽度进行折行,所以排版结构会有所变化。在新排版的结果下,计算Node的新坐标区域(Xm,Ym)(Wm,Hm)。
该步骤响应用户的缩放操作(例如用户的两点触摸缩放动作)进行缩放,在进行缩放和排版之前,还会记录前述步骤得到的各个参数。
Node的新坐标区域的获取方式与步骤206中的描述相同。
步骤S212,根据步骤S208中计算所得的比例值,以及屏幕宽度、高度,计算新的窗口位置。
新的窗口位置为X2=Xm+Wm*PercentX-W/2,Y2=Ym+Hm*PercentY-H/2,即这个时候设置可视区域窗口的位置为(X2,Y2)。
步骤S214,根据窗口的坐标为(X2,Y2)进行位置移动。
坐标(X2,Y2),即浏览器的可视窗口移动到的区域坐标。根据计算所得的窗口的坐标,将可视窗口移动到该坐标,并显示网页在缩放后位于显示窗口的内容。这样,使得缩放后还能自动将内容调整到屏幕中心显示,保存用户的浏览的一致性。
可以发现,本发明通过上述步骤,实现了网页缩放后的自动居中对齐。
上述介绍的是通过多点触摸进行缩放的情况,对于用户使用的是普通缩放按钮进行缩放的情况,即没有一个两点的中心点。此时的步骤与上述步骤基本一致,区别在于步骤S202中的两点触摸中心点(Xp,Yp),不再是两点的中心点,而是屏幕的中心点(窗口的中心点),即Xp=W/2,Yp=H/2,其余步骤基本相同。
实施例三
对应于本发明上述实施例提供的网页内容显示的实现方法,本发明实施例还提供了一种网页内容显示的实现装置。
图3是根据本发明实施例三的网页内容显示的实现装置的结构框图,如图3所示,该装置可以包括:第一获取模块10、第二获取模块20、第三获取模块30和显示模块40。第一获取模块10,用于在接收到输入的缩放命令后,获取缩放命令对应的缩放中心点;第二获取模块20,与第一获取模块10相连接,用于执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息;第三获取模块30,与第二获取模块20相连接,用于将缩放后的缩放中心点作为显示窗口的中心点,并结合所述获取的第一坐标信息,获取缩放后显示窗口相对于网页的第二坐标信息;显示模块40,与第三获取模块30相连接,用于根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。
通过本发明实施例,响应用户输入的缩放命令,获取缩放命令的缩放中心点;执行缩放命令后,获取缩放中心点在缩放后相对于网页的第一坐标信息;将缩放后的缩放中心点作为当前显示窗口的中心点,获取缩放后显示窗口相对于网页的第二坐标信息;根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。实现了在网页缩放后,将进行网页缩放前用户浏览的区域显示在浏览器可视区域,保持用户浏览的一致性,避免了用户进行网页移动操作,提高了用户体验。
在本发明实施例中,用户可以通过多点接触触摸显示器进行网页缩放操作,也可以通过浏览器的缩放按钮进行网页缩放操作,针对不同的缩放操作方式,在缩放过程中可以选取不同的缩放中心点。
在本发明实施例的一个优选实施方式中,在用户通过多点接触触摸显示器进行网页缩放操作的情况下,第一获取模块10可以响应用户通过多点接触触摸显示屏输入的缩放命令,获取用户接触的多点的中心点,将用户接触的多点的中心点作为缩放中心点。在用户通过缩放按钮进行网页缩放操作的情况下,第一获取模块10,可以响应用户通过缩放按键输入的缩放命令,将显示窗口的中心点作为缩放中心点。
响应用户输入的缩放命令,获取缩放命令的缩放中心点之后,可以执行缩放命令,获取缩放中心点在缩放后相对于网页的第一坐标信息,在本发明实施例中,第一坐标信息可以标记为(Xf,Yf),(Xf,Yf)为缩放后的缩放中心点相对于网页的坐标信息。
获取到缩放中心点在缩放后相对于网页的第一坐标信息后,可以以缩放中心为显示窗口的中心,调整当前窗口的位置,使用户缩放前浏览的区域显示在窗口内的可视区域。在本发明实施例的一个优选实施方式中,第三获取模块30可以按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息:
X2=Xf-W/2;
Y2=Yf-H/2;
其中,(X2,Y2)为显示窗口的左上角顶点相对于网页的坐标信息,(Xf,Yf)为上述第一坐标信息(即缩放后的缩放中心的坐标信息),W为显示窗口的宽度,H为显示窗口的高度。
进一步的,为了更精确地将缩放前用户浏览的区域显示在窗口,可以先定位缩放中心点所对应的网页的节点区域,并获取缩放中心点在节点区域中的位置比例,在调整缩放后的窗口位置时,可以根据获取的比例位置进行调整。在本发明实施例的一个优选实施方式中,如图4所示,该装置还可以包括:第四获取模块50,与第一获取模块10相连接,用于在执行缩放命令之前,获取缩放中心点在网页中所对应的节点区域中的位置比例;第二获取模块20,还用于获取缩放后的节点区域相对于网页的坐标区域信息;第三获取模块30,还用于根据上述节点区域在缩放后相对于网页的坐标区域信息及获取的位置比例,获取缩放后显示窗口相对于网页的第二坐标信息。
鉴于上述优选实施方式,如图5所示,第四获取模块50可以包括:第一获取单元502,用于获取缩放前缩放中心点相对于网页的第三坐标信息(Xp1,Yp1);定位单元504,与第一获取单元502相连接,用于根据获取的第三坐标信息,定位缩放中心点所对应的网页的节点区域;第二获取单元506,与定位单元504相连接,用于获取节点区域相对于网页的坐标区域(Xn,Yn)(Wn,Hn),其中,(Xn,Yn)为节点区域的左上角顶点相对于网页的坐标信息,Wn为节点区域的宽度,Hn为节点区域的高度;比例确定单元508,与第二获取单元506相连接,用于根据第一获取单元502获取的第三坐标信息和第二获取单元506获取的节点区域相对于网页的坐标区域,获取缩放中心点在上述节点区域中的位置比例,其中,该位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY:
PercentX=(Xp1-Xn)/Wn,
PercentY=(Yp1-Yn)/Hn。
鉴于上述优选实施方式,上述第二获取模块20,还用于获取缩放后缩放中心点所对应的网页的节点区域相对于所述网页的坐标区域(Xm,Ym)(Wm,Hm),其中,(Xm,Ym)为该节点区域的左上角顶点相对于网页的坐标信息,Wm为该节点区域的宽度,Hm为该节点区域的高度。
上述第三获取模块30,还用于根据比例确定单元508和第二获取模块20得到的结果,按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息:
X2=Xm+PercentX*Wm-W/2;
Y2=Ym+PercentY*Hm-H/2;
其中,(X2,Y2)为显示窗口的左上角顶点相对于网页的坐标信息,W为显示窗口的宽度,H为显示窗口的高度。
根据本发明实施例,提供了一种浏览器,可以包括:本发明实施例提供的上述网页内容显示的实现装置。
根据本发明实施例,还提供了一种便携式电子设备,例如是移动终端,可以包括:本发明实施例提供的上述装置。
通过本发明上述实施例提供的网页内容的显示方案,可以实现缩放后的网页内容自动居中对齐,方便用户浏览。对了更具体的描述本发明实施的效果,下面通过两个具体实例,对本发明实施例的提供的网页内容的显示方案的效果进行描述。
图6是wap页面放大前的网页内容显示的效果图,用户对如图6所示的页面进行多点触摸放大,该缩放的中心点位于图中的“浏览原图”,放大之后区域发生变化,如图7所示(图7是wap页面放大中的网页内容显示的效果图),通过本发明实施例提供的方案对该页面进行重新折行排版,通过计算并移动视窗位置,将“浏览原图”对准在屏幕中间处,达到如图8所示的效果,图8是wap页面放大后并且自动居中对齐后的网页内容实现的效果图。
图9是www页面缩小前的网页内容显示的效果图,用户对如图9所示的页面进行多点触摸缩小,该缩放的中心点在“UC浏览器“那一段文本里,然后放大之后区域发生变化,如图10所示(图10是www页面缩小中的网页内容显示的效果图),通过本发明实施例提供的方案对该页面进行重新折行排版,通过计算并移动视窗位置,将“UC浏览器”那段文本对准在屏幕中间处,达到如图11所示的效果,图11是www页面缩小后并且自动居中对齐后的网页内容显示的效果图。
从以上的描述中,可以看出,本发明实现了如下技术效果:在接收到输入的缩放命令后,获取缩放命令的缩放中心点;执行缩放命令后,获取缩放中心点在缩放后相对于网页的第一坐标信息;将缩放后的缩放中心点作为当前显示窗口的中心点,获取缩放后显示窗口相对于网页的第二坐标信息;根据显示窗口的第二坐标信息,显示网页在缩放后位于显示窗口的内容。本发明实现了在网页缩放后,将进行网页缩放前用户浏览的区域显示在浏览器可视区域,保持用户浏览的一致性,进一步的,可以先定位缩放中心点所对应的网页的节点区域,并获取缩放中心点在节点区域中的位置比例,在调整缩放后的窗口位置时,可以根据获取的比例位置进行调整,实现了更精确地将缩放前用户浏览的区域显示在窗口。本发明避免了用户进行网页移动操作,提高了用户体验。
此外,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (10)

1.一种网页内容显示的实现方法,其特征在于,包括:
在接收到缩放命令后,获取所述缩放命令对应的缩放中心点;
执行所述缩放命令,以及获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息;
根据所述第一坐标信息,获取缩放后显示窗口相对于所述网页的第二坐标信息;
根据所述显示窗口的第二坐标信息,以缩放后的所述缩放中心点作为显示窗口的中心,显示所述网页在缩放后位于所述显示窗口的内容。
2.根据权利要求1所述的方法,其特征在于,按照以下公式获取所述第二坐标信息:
X2=Xf-W/2;
Y2=Yf-H/2;
其中,(X2,Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息,即第二坐标信息;(Xf,Yf)为所述第一坐标信息,W为所述显示窗口的宽度,H为所述显示窗口的高度。
3.根据权利要求1所述的方法,其特征在于,
在执行所述缩放命令之前,获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例;
获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息,包括:获取缩放后的所述节点区域相对于所述网页的坐标区域信息;
根据所述第一坐标信息,获取缩放后所述显示窗口相对于所述网页的第二坐标信息,包括:根据所述位置比例以及所述坐标区域信息,获取缩放后所述显示窗口相对于所述网页的第二坐标信息。
4.根据权利要求3所述的方法,其特征在于,按照以下公式获取所述第二坐标信息:
X2=Xm+PercentX*Wm-W/2;
Y2=Ym+PercentY*Hm-H/2;
其中,(X2,Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息,即第二坐标信息;W为所述显示窗口的宽度,H为所述显示窗口的高度;所述缩放中心点在所述节点区域中的水平方向的比例PercentX=(Xp1-Xn)/Wn,所述缩放中心点在所述节点区域中的垂直方向的比例PercentY=(Yp1-Yn)/Hn;(Xp1,Yp1)为缩放前所述缩放中心点相对于所述网页的第三坐标信息;(Xn,Yn)为缩放前所述节点区域的左上角顶点相对于所述网页的坐标信息,Wn为缩放前所述节点区域的宽度,Hn为缩放前所述节点区域的高度;(Xm,Ym)为缩放后所述节点区域的左上角顶点相对于所述网页的坐标信息,Wm为缩放后所述节点区域的宽度,Hm为缩放后所述节点区域的高度。
5.根据权利要求3所述的方法,其特征在于,所述节点区域为预先划分的所述网页的文本区域或图片区域。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述缩放中心点为多个接触点的中心点;或者,为所述显示窗口的中心点。
7.一种网页内容显示的实现装置,其特征在于,包括:
第一获取模块,用于在接收到输入的缩放命令后,获取所述缩放命令对应的缩放中心点;
第二获取模块,用于执行所述缩放命令,以及获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息;
第三获取模块,用于根据所述第一坐标信息,获取缩放后所述显示窗口相对于所述网页的第二坐标信息;
显示模块,用于根据所述显示窗口的第二坐标信息,以缩放后的所述缩放中心点作为显示窗口的中心,显示所述网页在缩放后位于所述显示窗口的内容。
8.根据权利要求7所述的装置,其特征在于,所述第三获取模块按照以下公式获取所述第二坐标信息:
X2=Xf-W/2;
Y2=Yf-H/2;
其中,(X2,Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息,即第二坐标信息;(Xf,Yf)所述第一坐标信息,W为所述显示窗口的宽度,H为所述显示窗口的高度。
9.根据权利要求7所述的装置,其特征在于,所述装置还包括:
第四获取模块,用于在执行所述缩放命令之前,获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例;
所述第二获取模块,还用于获取缩放后的所述节点区域相对于所述网页的坐标区域信息;
所述第三获取模块,还用于根据所述节点区域在缩放后相对于所述网页的坐标区域信息及所述位置比例,获取缩放后所述显示窗口相对于所述网页的第二坐标信息。
10.一种浏览器,其特征在于,包括:权利要求7至9中任一项所述的装置。
CN201510142703.2A 2012-02-28 2012-02-28 网页内容显示的实现方法、装置及浏览器 Active CN104715053B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510142703.2A CN104715053B (zh) 2012-02-28 2012-02-28 网页内容显示的实现方法、装置及浏览器

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201210048961.0A CN102637198B (zh) 2012-02-28 2012-02-28 网页内容显示的实现方法、装置、浏览器及移动终端
CN201510142703.2A CN104715053B (zh) 2012-02-28 2012-02-28 网页内容显示的实现方法、装置及浏览器

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
CN201210048961.0A Division CN102637198B (zh) 2012-02-28 2012-02-28 网页内容显示的实现方法、装置、浏览器及移动终端

Publications (2)

Publication Number Publication Date
CN104715053A true CN104715053A (zh) 2015-06-17
CN104715053B CN104715053B (zh) 2019-05-28

Family

ID=53414379

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510142703.2A Active CN104715053B (zh) 2012-02-28 2012-02-28 网页内容显示的实现方法、装置及浏览器

Country Status (1)

Country Link
CN (1) CN104715053B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108170350A (zh) * 2017-12-28 2018-06-15 努比亚技术有限公司 实现数码变焦的方法、终端及计算机可读存储介质
CN113140292A (zh) * 2021-05-12 2021-07-20 平安国际智慧城市科技股份有限公司 图像异常区域浏览方法、装置、移动端设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7460136B2 (en) * 2005-08-19 2008-12-02 Seiko Epson Corporation Efficient scaling of image data in graphics display systems
CN101329860A (zh) * 2007-06-22 2008-12-24 鸿富锦精密工业(深圳)有限公司 图像缩放系统及缩放方法
CN101609661A (zh) * 2008-06-19 2009-12-23 富士施乐株式会社 信息显示装置及信息显示方法
CN101783129A (zh) * 2009-01-04 2010-07-21 虹软(杭州)科技有限公司 影像缩放装置以及影像缩放方法
CN101923422A (zh) * 2009-06-12 2010-12-22 宏达国际电子股份有限公司 页面显示方法、电子装置、程序产品

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7460136B2 (en) * 2005-08-19 2008-12-02 Seiko Epson Corporation Efficient scaling of image data in graphics display systems
CN101329860A (zh) * 2007-06-22 2008-12-24 鸿富锦精密工业(深圳)有限公司 图像缩放系统及缩放方法
CN101609661A (zh) * 2008-06-19 2009-12-23 富士施乐株式会社 信息显示装置及信息显示方法
CN101783129A (zh) * 2009-01-04 2010-07-21 虹软(杭州)科技有限公司 影像缩放装置以及影像缩放方法
CN101923422A (zh) * 2009-06-12 2010-12-22 宏达国际电子股份有限公司 页面显示方法、电子装置、程序产品

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108170350A (zh) * 2017-12-28 2018-06-15 努比亚技术有限公司 实现数码变焦的方法、终端及计算机可读存储介质
CN113140292A (zh) * 2021-05-12 2021-07-20 平安国际智慧城市科技股份有限公司 图像异常区域浏览方法、装置、移动端设备及存储介质

Also Published As

Publication number Publication date
CN104715053B (zh) 2019-05-28

Similar Documents

Publication Publication Date Title
CN102637198B (zh) 网页内容显示的实现方法、装置、浏览器及移动终端
KR102084582B1 (ko) 화면에 표시된 개체의 크기 조정 방법 및 장치
WO2017063324A1 (zh) 一种窗口显示方法及移动终端
US20170220220A1 (en) Advertisement generation apparatus and terminal device
US9071870B2 (en) System and method for viewing digital visual content on a device
EP1942403A2 (en) Data scrolling apparatus and method for mobile terminal
CN102193677B (zh) 显示装置以及画面显示方法
JP6313395B1 (ja) 描画処理方法、描画処理プログラム及び描画処理装置
CN101398739A (zh) 一种基于触摸屏的页面浏览方法、装置及其移动通信终端
CN106294640B (zh) 网页显示方法及装置
US20100289764A1 (en) Electronic device, displaying method, and recording medium
WO2008054185A1 (en) Method of moving/enlarging/reducing a virtual screen by movement of display device and hand helded information equipment using the same
CN103150361B (zh) 一种网页显示方法及装置
JP2012008686A (ja) 情報処理装置および方法、並びにプログラム
CN104182167A (zh) 显示装置、显示装置的操作方法以及信息显示系统
CN101923422A (zh) 页面显示方法、电子装置、程序产品
CN106406651A (zh) 动态放大显示视频的方法及装置
JP5880024B2 (ja) 情報処理装置及びプログラム
CN107861711A (zh) 页面适配方法及装置
CN104715053A (zh) 网页内容显示的实现方法、装置及浏览器
CN103885709A (zh) 用于便携式移动终端的网页缩放和浏览方法
WO2016188199A1 (zh) 图片裁剪方法和装置
CN101800793B (zh) 一种在移动设备上图文信息显示位置的自动适配方法
CN103279219A (zh) 一种触摸屏设备的光标移动方法及系统
CN107168630A (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
TR01 Transfer of patent right

Effective date of registration: 20210111

Address after: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 100083 12 / F, block a, Yousheng building, 28 Chengfu Road, Haidian District, Beijing

Patentee before: UC MOBILE Ltd.

TR01 Transfer of patent right