CN103150361B - 一种网页显示方法及装置 - Google Patents
一种网页显示方法及装置 Download PDFInfo
- Publication number
- CN103150361B CN103150361B CN201310061239.5A CN201310061239A CN103150361B CN 103150361 B CN103150361 B CN 103150361B CN 201310061239 A CN201310061239 A CN 201310061239A CN 103150361 B CN103150361 B CN 103150361B
- Authority
- CN
- China
- Prior art keywords
- webpage
- web page
- page element
- area
- reference area
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/194—Calculation of difference between files
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种网页显示方法及装置。该网页显示方法包括:在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值;确定在所述第一网页中位于所述参照区域的网页元素;根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页;根据所述第二网页的移动位移移动所述第二网页;显示移动后的所述第二网页。本发明实施例中实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,提升了用户的阅读体验。
Description
技术领域
本发明涉及移动互联网技术领域,特别是涉及一种网页显示方法及装置。
背景技术
在用户使用便携设备,如手机、PAD等,进行阅读时,会根据阅读的网页的宽度时常使用转屏来改变屏幕的显示状态,达到看到更多信息的目的,例如由竖屏显示转为横屏显示,以获得网页上更多的横向信息,或者,由横屏显示转为竖屏显示,以获得网页上更多的纵向信息。这种转屏的阅读方式,在用户浏览面向计算机屏幕制作的网页时尤其频繁。
在通过转动显示屏改变屏幕的显示状态时,由于整个网页的排版随着屏幕显示状态的变化发生了巨大的变化,因此,如何在转动改变屏幕的显示状态后定位转动前用户的阅读区域,并在转动后的屏幕显示状态下进行显示成为关键的技术。
现有技术中,在转动显示屏之前首先确定一个点,利用该点所属节点来确定网页中的某一节点,记录下该节点在网页中的第一位置;在转动显示屏改变屏幕的显示状态后找到该节点在新排版布局的网页中的第二位置;算出该节点第一位置与第二位置之间的移动距离,然后按照该移动距离移动整个网页进行显示。
然而,在上述网页显示方法中,由于通过某一节点来定位用户阅读区域的方式定位准确度较低,在转屏后的屏幕显示状态下所显示的网页信息往往偏离了转动前用户阅读的网页信息,严重影响了用户的阅读体验。
发明内容
本发明实施例中提供了一种网页方法及装置,能够实现在屏幕显示状态发生变化时更准确地显示变化前的网页信息,提升用户的阅读体验。
为了解决上述技术问题,本发明实施例公开了如下技术方案:
提供一种网页显示方法,包括:
在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值;
确定在所述第一网页中位于所述参照区域的网页元素;
根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页;
根据所述第二网页的移动位移移动所述第二网页;
显示移动后的所述第二网页。
进一步,所述在第一网页的显示区域中确定参照区域,具体为:
在所述第一网页的显示区域的左上角确定参照区域。
进一步,所述参照区域的形状为矩形。
进一步,当在所述第一网页中位于所述参照区域的网页元素为多个时,在所述根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移之前,还包括:
在多个所述网页元素中选择满足筛选条件的第一网页元素;
所述根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,具体为:
根据所述第一网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移。
进一步,所述在多个所述网页元素中选择满足筛选条件的第一网页元素,包括:
在所述多个网页元素中选择宽度最小和/或与所述参照区域的重叠面积最大的网页元素作为所述第一网页元素。
进一步,所述在多个所述网页元素中选择满足筛选条件的第一网页元素,包括:
在所述多个网页元素中选择至少一个角位于所述参照区域内的网页元素作为所述第一网页元素。
还提供了一种网页显示装置,包括:
区域确定单元,用于在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值;
元素确定单元,用于确定在所述第一网页中位于所述参照区域的网页元素;
位移计算单元,用于根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页;
网页移动单元,用于根据所述第二网页的移动位移移动所述第二网页;
显示单元,显示移动后的所述第二网页。
进一步,所述区域确定单元,具体用于在所述第一网页的显示区域的左上角确定参照区域。
进一步,所述参照区域的形状为矩形。
进一步,所述装置还包括:
筛选单元,用于当在所述第一网页中域的网页元素为多个时,在所述位移计算单元计算所述第二网页的移动位移之前,在多个所述网页元素中选择满足筛选条件的第一网页元素;
所述位移计算单元,具体用于根据所述第一网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移。
进一步,所述筛选单元,具体用于在所述多个网页元素中选择宽度最小和/或与所述参照区域的重叠面积最大的网页元素作为所述第一网页元素。
进一步,所述筛选单元,具体用于在所述多个网页元素中选择至少一个角位于所述参照区域内的网页元素作为所述第一网页元素。
本发明实施例中,通过设定参照区域对用于定位用户阅读区域的网页元素进行限制,缩小了所选择的网页元素的占用区域面积,增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,进而在根据该网页元素的位置移动计算网页移动位移时,提高了网页移动位移的准确性,实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,减少了现有技术中由于定位不准导致的在转屏后所显示的网页信息偏离转动前用户阅读的网页信息的情况,从而提升了用户的阅读体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例一种网页显示方法的流程图;
图2为本发明实施例另一种网页显示方法的流程图;
图3a~b为本发明实施例中网页移动前后的示意图;
图4为本发明实施例一种网页显示装置的结构示意图;
图5为本发明实施例另一种网页显示装置的结构示意图。
具体实施方式
现有技术的网页显示方法中,由于直接通过网页中的任一节点来定位用户阅读区域的方式定位准确度较低,尤其是当所选择的节点在网页中所占的区域面积较大时,准确度更低,在转屏后的屏幕显示状态下所显示的网页信息往往会偏离转动前用户阅读的网页信息,严重影响用户的阅读体验。基于此,本发明实施例通过设定一参照区域对网页中参照的网页元素(即现有技术中的节点)进行限制,增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,减少了现有技术中由于定位不准导致的在转屏后所显示的网页信息偏离转动前用户阅读的网页信息的情况,从而提升了用户的阅读体验。
为了使本技术领域的人员更好地理解本发明实施例中的技术方案,并使本发明实施例的上述目的、特征和优点能够更加明显易懂,下面结合附图对本发明实施例中技术方案作进一步详细的说明。
参见图1,为本发明实施例一种网页显示方法的流程图。
该方法可以包括:
步骤101,在第一网页的显示区域中确定参照区域。
同一网页在不同的显示状态下,如横屏、竖屏显示状态下,可能会具有不同的排版布局,本发明实施例中,第一网页和第二网页分别表示同一网页在不同显示状态下显示的不同布局的页面,该第一网页为在显示屏的第一显示状态下显示的网页,第二网页为在显示屏的第二显示状态下显示的上述网页。本发明实施例中,该显示屏的第一显示状态可以是指横屏和竖屏中的任一显示状态,显示屏的第二显示状态为横屏和竖屏中的另一显示状态。
在本步骤中,在第一网页的显示区域中确定参照区域,具体的,该参照区域可以位于显示区域的左上角,也即对应显示屏的左上角,当然也可以位于显示区域的中间位置或显示区域的右上角等。该参照区域的形状可以是任意形状,优选矩形。
为了避免后续选择的网页元素所占用的区域面积过大而造成对用户阅读区域的定位不准,该用于框选网页元素的参照区域的面积可以设置为小于等于预设阈值,该阈值可以根据网页的排版分布情况、信息量情况、显示区域的大小等进行确定,具体数值不做限定。
步骤102,确定在第一网页中位于上述参照区域的网页元素。
本步骤中,具体的可以根据参照区域在第一网页中的坐标以及第一网页内网页元素的坐标确定位于参照区域内的网页元素。其中,网页元素是指构成网页的基本元素,可以是文字、图片、音频、动画、视频等。
若位于该参照区域的网页元素只有一个,可以根据参照区域的网页元素执行后续步骤;若位于该参照区域的网页元素有多个,则可以任选其一,或根据一定的筛选条件在多个网页元素中选择网页元素,然后根据选择的网页元素执行后续步骤,具体请参见后续实施例的描述。若没有位于该参照区域的网页元素,或没有符合上述筛选条件的网页元素,则可以扩大上述参照区域的面积,然后重复执行步骤102。
本发明实施例中,所述的位于参照区域的网页元素可以是包括完全位于该参照区域内的网页元素,也还可以包括与该参照区域具有重叠区域的网页元素。
步骤103,根据网页元素在第一网页中的坐标及其在第二网页中的坐标计算第二网页的移动位移。
其中,第二网页为在显示屏由第一显示状态切换至第二显示状态后,在第二显示状态下显示的网页。
本步骤中,首先获得网页元素在第一网页中的坐标,然后显示屏切换至第二显示状态后,获得该网页元素在第二显示状态下的第二网页中的坐标。然后根据该网页元素在第一网页的坐标及其在第二网页的坐标,也可以结合第一网页中显示区域的左上角的顶点坐标,也即显示屏的左上角在第一网页中的坐标,计算第二网页的移动位移,该移动位移的具体计算方法与现有技术类似,此处不再赘述。
步骤104,根据第二网页的移动位移移动第二网页。
在确定第二网页的移动位移后,根据移动位移指示的移动方向和距离,整体移动第二网页。
步骤105,显示移动后的第二网页。
本发明实施例中,通过设定参照区域对用于定位用户阅读区域的网页元素进行限制,缩小了所选择的网页元素的占用区域面积,增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,进而在根据该网页元素的位置移动计算网页移动位移时,提高了网页移动位移的准确性,实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,减少了现有技术中由于定位不准导致的在转屏后所显示的网页信息偏离转动前用户阅读的网页信息的情况,从而提升了用户的阅读体验。
参见图2,为本发明实施例另一种网页显示方法的流程图。
该方法可以包括:
步骤201,在第一网页的显示区域的左上角确定矩形参照区域。
该步骤与前述实施例中的步骤101类似。本实施例中,该参照区域可以为20*20的矩形区域,该矩形参照区域位于第一网页显示区域的左上角,也即位于电子设备显示屏的左上角。
步骤202,确定在第一网页中位于该矩形参照区域的网页元素。
假设位于该矩形参照区域内及与该矩形参照区域具有重叠区域的网页元素有多个。
步骤203,在多个网页元素中选择满足筛选条件的第一网页元素。
该选择第一网页元素的一种方式可以是在多个网页元素中选择宽度最小和/或与参照区域的重叠面积最大的网页元素作为第一网页元素。其中,选择宽度最小的网页元素的优先级要高于选择与参照区域的重叠面积最大的网页元素的优先级。
该选择第一网页元素的另一方式可以是在多个网页元素中选择至少一个角位于参照区域内的网页元素作为第一网页元素。其中,该网页元素的一个角可以是该网页元素的左上角,或右上角,或左下角,或右下角。
例如,网页元素左上角落在矩形参照区域内的条件是,假设,屏幕最左上角定义为(0,0)。x正轴就是屏幕横向,即沿屏幕从左往右的方向为x轴正向;y正轴就是屏幕纵向,即沿屏幕从上往下为y正轴正向。网页元素左上角坐标x≥屏幕左上角坐标x并且网页元素左上角坐标x≤屏幕左上角坐标x+网页元素宽度,网页元素左上角坐标y≥屏幕左上角坐标y并且网页元素左上角坐标y≤屏幕左上角坐标y+网页元素高度。
网页元素右上角落在矩形参照区域内的条件是:网页元素左上角坐标x+网页元素宽度≥屏幕左上角坐标x并且网页元素左上角坐标x+网页元素宽度≤屏幕左上角坐标x+矩形参照区域宽度,网页元素左上角坐标y≥屏幕左上角坐标y并且网页元素左上角坐标y≤屏幕左上角坐标y+网页元素高度。
网页元素左下角落在矩形参照区域内的条件是,网页元素左上角坐标x≥屏幕左上角坐标x并且网页元素左上角坐标x≤屏幕左上角坐标x+矩形参照区域宽度,网页元素左上角坐标y+网页元素高度≥屏幕左上角坐标y并且网页元素左上角坐标y+网页元素高度≤屏幕左上角坐标y+矩形参照区域高度
网页元素右下角落在矩形参照区域内的条件是,网页元素左上角坐标x+网页元素宽度≥屏幕左上角坐标x并且网页元素左上角坐标x+网页元素宽度≤屏幕左上角坐标x+矩形参照区域宽度,网页元素左上角坐标y+网页元素高度≥屏幕左上角坐标y并且网页元素左上角坐标y+网页元素高度≤屏幕左上角坐标y+矩形参照区域高度。
步骤204,根据第一网页元素在第一网页中的坐标及其在第二网页中的坐标计算第二网页的移动位移。
第一网页的坐标系与第二网页的坐标系相同,均可以以各自网页的左上角为原点,以水平向右方向为X正轴方向,以垂直向下方向为Y轴方向等,单位坐标值相同。
如图3a所示,以第一网页元素的左上角31位于矩形参照区域32为例进行说明,可以在确定出第一网页元素后,首先根据第一网页元素在第一网页中的坐标及显示屏的左上角在第一网页中的坐标计算第一网页元素与显示屏左上角之间的距离33,该距离33对应在X轴上的距离为ΔX,对应在Y轴上的距离为ΔY。
在显示屏由竖屏状态切换至横屏状态后,获得该第一网页元素在第二网页中的坐标(X’,Y’),以及显示屏的左上角在第二网页中的坐标,然后,将(X’+ΔX,Y’+ΔY)的坐标点作为显示屏左上角在第二网页中的移动后的坐标,也即将显示屏左上角在第二网页中的坐标点到坐标为(X’+ΔX,Y’+ΔY)的坐标点之间的位移作为第二网页的移动位移。
步骤205,根据第二网页的移动位移移动第二网页。
步骤206,显示移动后的第二网页。
如图3b所示,移动后的第二网页所显示的内容与第一网页所显示的内容显示位置相同,未发生偏移。
步骤205~206与前述实施例类似。
本发明实施例中,通过设定参照区域对用于定位用户阅读区域的网页元素进行限制,并根据筛选条件对位于参照区域的网页元素进行筛选,更增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,进而在根据该网页元素的位置移动计算网页移动位移时,提高了网页移动位移的准确性,实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,提升了用户的阅读体验。
以上是对本发明方法实施例的描述,下面对实现上述方法的装置进行说明。
参见图4,为本发明实施例一种网页显示装置的结构示意图。
该装置可以包括:
区域确定单元401,用于在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值。
元素确定单元402,用于确定在所述第一网页中位于所述参照区域的网页元素。
位移计算单元403,用于根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页。
网页移动单元404,用于根据所述第二网页的移动位移移动所述第二网页。
显示单元405,显示移动后的所述第二网页。
区域确定单元401首先确定用于选择网页元素的参照区域,然后元素确定单元402确定位于该参照区域的网页元素,在确定该网页元素后,位移计算单元403根据该网页元素在显示屏显示状态切换前后的第一网页和第二网页中的坐标,也可以结合屏幕左上角在第一网页和第二网页中的坐标,计算第二网页的移动位移,然后网页移动单元404根据该移动位移移动第二网页,最后由显示单元405对移动后的第二网页进行显示。
本发明实施例中,该装置通过设定参照区域对用于定位用户阅读区域的网页元素进行限制,缩小了所选择的网页元素的占用区域面积,增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,进而在根据该网页元素的位置移动计算网页移动位移时,提高了网页移动位移的准确性,实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,提升了用户的阅读体验。
参见图5,为本发明实施例另一种网页显示装置的结构示意图。
该装置除了可以包括区域确定单元501、元素确定单元502、位移计算单元503、网页移动单元504及显示单元505之外,还可以包括筛选单元506。
其中,区域确定单元501,具体可以用于在所述第一网页的显示区域的左上角确定参照区域。该参照区域的形状可以为矩形。
筛选单元506,用于当在所述第一网页中域的网页元素为多个时,在所述位移计算单元503计算所述第二网页的移动位移之前,在多个所述网页元素中选择满足筛选条件的第一网页元素;在一具体实施例中,该筛选单元具体可以用于在所述多个网页元素中选择宽度最小和/或与所述参照区域的重叠面积最大的网页元素作为所述第一网页元素。在另一具体实施例中,该筛选单元具体可以用于在所述多个网页元素中选择至少一个角位于所述参照区域内的网页元素作为所述第一网页元素。
位移计算单元503,具体用于根据所述第一网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移。
本发明实施例中,该装置通过设定参照区域对用于定位用户阅读区域的网页元素进行限制,并根据筛选条件对位于参照区域的网页元素进行筛选,更增加了所选网页元素的合理性,通过该网页元素的选择提高了定位用户阅读区域的准确度,进而在根据该网页元素的位置移动计算网页移动位移时,提高了网页移动位移的准确性,实现了在屏幕显示状态发生变化时更准确地显示变化前的网页信息,提升了用户的阅读体验。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random AccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (12)
1.一种网页显示方法,其特征在于,包括:
在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值,所述预设阈值根据网页的排版分布情况、信息量情况和显示区域的大小进行确定;
确定在所述第一网页中位于所述参照区域的网页元素;
根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页;
根据所述第二网页的移动位移移动所述第二网页;
显示移动后的所述第二网页;
其中,所述根据所述第二网页的移动位移移动所述第二网页,具体为:
根据所述移动位移指示的移动方向和距离,整体移动第二网页。
2.根据权利要求1所述的方法,其特征在于,所述在第一网页的显示区域中确定参照区域,具体为:
在所述第一网页的显示区域的左上角确定参照区域。
3.根据权利要求2所述的方法,其特征在于,所述参照区域的形状为矩形。
4.根据权利要求1至3中任意一项所述的方法,其特征在于,当在所述第一网页中位于所述参照区域的网页元素为多个时,在所述根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移之前,还包括:
在多个所述网页元素中选择满足筛选条件的第一网页元素;
所述根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,具体为:
根据所述第一网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移。
5.根据权利要求4所述的方法,其特征在于,所述在多个所述网页元素中选择满足筛选条件的第一网页元素,包括:
在所述多个网页元素中选择宽度最小和/或与所述参照区域的重叠面积最大的网页元素作为所述第一网页元素。
6.根据权利要求4所述的方法,其特征在于,所述在多个所述网页元素中选择满足筛选条件的第一网页元素,包括:
在所述多个网页元素中选择至少一个角位于所述参照区域内的网页元素作为所述第一网页元素。
7.一种网页显示装置,其特征在于,包括:
区域确定单元,用于在第一网页的显示区域中确定参照区域,所述第一网页为在显示屏的第一显示状态下显示的网页,其中,所述参照区域的面积小于等于预设阈值,所述预设阈值根据网页的排版分布情况、信息量情况和显示区域的大小进行确定;
元素确定单元,用于确定在所述第一网页中位于所述参照区域的网页元素;
位移计算单元,用于根据所述网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移,其中,所述第二网页为在所述显示屏由所述第一显示状态切换至第二显示状态后,在所述第二显示状态下显示的所述网页;
网页移动单元,用于根据所述第二网页的移动位移移动所述第二网页;
显示单元,显示移动后的所述第二网页;
其中,所述网页移动单元根据所述第二网页的移动位移移动所述第二网页的方法具体为:
根据所述移动位移指示的移动方向和距离,整体移动第二网页。
8.根据权利要求7所述的装置,其特征在于,
所述区域确定单元,具体用于在所述第一网页的显示区域的左上角确定参照区域。
9.根据权利要求8所述的装置,其特征在于,所述参照区域的形状为矩形。
10.根据权利要求7至9中任意一项所述的装置,其特征在于,所述装置还包括:
筛选单元,用于当在所述第一网页中域的网页元素为多个时,在所述位移计算单元计算所述第二网页的移动位移之前,在多个所述网页元素中选择满足筛选条件的第一网页元素;
所述位移计算单元,具体用于根据所述第一网页元素在所述第一网页中的坐标及其在第二网页中的坐标计算所述第二网页的移动位移。
11.根据权利要求10所述的装置,其特征在于,
所述筛选单元,具体用于在所述多个网页元素中选择宽度最小和/或与所述参照区域的重叠面积最大的网页元素作为所述第一网页元素。
12.根据权利要求10所述的装置,其特征在于,
所述筛选单元,具体用于在所述多个网页元素中选择至少一个角位于所述参照区域内的网页元素作为所述第一网页元素。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310061239.5A CN103150361B (zh) | 2013-02-27 | 2013-02-27 | 一种网页显示方法及装置 |
US14/770,385 US10216712B2 (en) | 2013-02-27 | 2013-09-05 | Web page display method and device |
PCT/CN2013/083008 WO2014131276A1 (zh) | 2013-02-27 | 2013-09-05 | 一种网页显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310061239.5A CN103150361B (zh) | 2013-02-27 | 2013-02-27 | 一种网页显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103150361A CN103150361A (zh) | 2013-06-12 |
CN103150361B true CN103150361B (zh) | 2017-02-08 |
Family
ID=48548438
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310061239.5A Active CN103150361B (zh) | 2013-02-27 | 2013-02-27 | 一种网页显示方法及装置 |
Country Status (3)
Country | Link |
---|---|
US (1) | US10216712B2 (zh) |
CN (1) | CN103150361B (zh) |
WO (1) | WO2014131276A1 (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103150361B (zh) | 2013-02-27 | 2017-02-08 | 优视科技有限公司 | 一种网页显示方法及装置 |
CN106775280A (zh) * | 2015-11-25 | 2017-05-31 | 北大方正集团有限公司 | 显示页面的方法与装置 |
CN107704468A (zh) * | 2016-08-08 | 2018-02-16 | 广州市动景计算机科技有限公司 | 页面显示方法、装置和客户端设备 |
CN106648581B (zh) * | 2016-09-13 | 2021-03-23 | 百度在线网络技术(北京)有限公司 | 页面显示方法及装置 |
CN110020291B (zh) * | 2017-09-30 | 2022-05-27 | 北京国双科技有限公司 | 网页布局的处理方法及装置 |
CN108776950A (zh) * | 2018-06-07 | 2018-11-09 | 北京本邦科技股份有限公司 | 基于移动端的图片调整方法及装置 |
CN111177635B (zh) * | 2020-01-06 | 2024-01-02 | 北京字节跳动网络技术有限公司 | 网页显示高度确定方法、装置、存储介质及设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101369210A (zh) * | 2008-08-22 | 2009-02-18 | 深圳华为通信技术有限公司 | 一种调整用户界面元素的方法及装置 |
CN102346646A (zh) * | 2011-09-19 | 2012-02-08 | 百度在线网络技术(北京)有限公司 | 一种用于在移动终端的显示屏幕上显示内容的方法与装置 |
CN102760027A (zh) * | 2011-04-27 | 2012-10-31 | 联想(北京)有限公司 | 一种显示处理方法、装置及电子设备 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1791328A1 (en) * | 2004-09-14 | 2007-05-30 | Mitsubishi Denki Kabushiki Kaisha | Mobile device |
KR101482112B1 (ko) * | 2008-06-02 | 2015-01-21 | 엘지전자 주식회사 | 휴대 단말기 및 그 동작제어 방법 |
US8441441B2 (en) * | 2009-01-06 | 2013-05-14 | Qualcomm Incorporated | User interface for mobile devices |
US9110564B2 (en) * | 2010-11-05 | 2015-08-18 | Lg Electronics Inc. | Mobile terminal, method for controlling mobile terminal, and method for displaying image of mobile terminal |
CN103150361B (zh) * | 2013-02-27 | 2017-02-08 | 优视科技有限公司 | 一种网页显示方法及装置 |
-
2013
- 2013-02-27 CN CN201310061239.5A patent/CN103150361B/zh active Active
- 2013-09-05 US US14/770,385 patent/US10216712B2/en active Active
- 2013-09-05 WO PCT/CN2013/083008 patent/WO2014131276A1/zh active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101369210A (zh) * | 2008-08-22 | 2009-02-18 | 深圳华为通信技术有限公司 | 一种调整用户界面元素的方法及装置 |
CN102760027A (zh) * | 2011-04-27 | 2012-10-31 | 联想(北京)有限公司 | 一种显示处理方法、装置及电子设备 |
CN102346646A (zh) * | 2011-09-19 | 2012-02-08 | 百度在线网络技术(北京)有限公司 | 一种用于在移动终端的显示屏幕上显示内容的方法与装置 |
Also Published As
Publication number | Publication date |
---|---|
US10216712B2 (en) | 2019-02-26 |
WO2014131276A1 (zh) | 2014-09-04 |
CN103150361A (zh) | 2013-06-12 |
US20160012025A1 (en) | 2016-01-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103150361B (zh) | 一种网页显示方法及装置 | |
EP2837992B1 (en) | User interface interaction method and apparatus applied in touchscreen device, and touchscreen device | |
US11112927B2 (en) | Digital content automated layout system | |
CN103902158A (zh) | 一种管理应用程序图标的方法及终端 | |
CN106648511A (zh) | 一种显示分辨率的自适应显示方法及装置 | |
CN106648510B (zh) | 一种显示分辨率的显示方法及装置 | |
US20170357404A1 (en) | Menu display method, apparatus and system | |
CN104516880A (zh) | 图形的基于区块的布局 | |
KR20190135575A (ko) | 전자 설계 자동화 툴의 그래픽 사용자 인터페이스에서의 핀 로케이션들의 업데이팅 | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
CN108241505A (zh) | 一种页面适配方法及装置 | |
CN103809954B (zh) | 实现界面元素选定的方法和装置 | |
CN107526576B (zh) | 页面的视图组件的展示方法和装置 | |
JP6287498B2 (ja) | 電子ホワイトボード装置、電子ホワイトボードの入力支援方法、及びプログラム | |
CN103279219B (zh) | 一种触摸屏设备的光标移动方法及系统 | |
CN105094629A (zh) | 一种基于栅格的自适应布局方法与系统 | |
CN104915102A (zh) | 图形界面的交互方法及装置 | |
CN113867862A (zh) | 列表页面布局方法及计算设备 | |
WO2018022053A1 (en) | System and method for perception-based selection of features in a geometric model of a part | |
US8711177B1 (en) | Generation, display, and manipulation of measurements in computer graphical designs | |
CN112286603A (zh) | 一种表格展示方法、装置、电子设备及存储介质 | |
JP5676199B2 (ja) | 文書画像表示制御装置ならびにその動作制御方法およびその動作制御プログラム | |
CN104715053A (zh) | 网页内容显示的实现方法、装置及浏览器 | |
CN112558850B (zh) | 多显示器鼠标无缝移动方法、装置、计算机设备及介质 | |
CN114327208B (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 | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200417 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 100080, room 16, building 10-20, Building 29, Haidian District, Suzhou Street, Beijing Patentee before: UC MOBILE Ltd. |
|
TR01 | Transfer of patent right |