CN105630746A - 页面显示的方法和终端设备 - Google Patents

页面显示的方法和终端设备 Download PDF

Info

Publication number
CN105630746A
CN105630746A CN201510960035.4A CN201510960035A CN105630746A CN 105630746 A CN105630746 A CN 105630746A CN 201510960035 A CN201510960035 A CN 201510960035A CN 105630746 A CN105630746 A CN 105630746A
Authority
CN
China
Prior art keywords
font size
page
text node
visual text
terminal unit
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.)
Pending
Application number
CN201510960035.4A
Other languages
English (en)
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.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies 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 Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN201510960035.4A priority Critical patent/CN105630746A/zh
Publication of CN105630746A publication Critical patent/CN105630746A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (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)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明实施例提供了网页显示的方法及终端设备,包括:终端设备确定待显示的第一页面中的第一字体尺寸;根据所述第一字体尺寸,确定第一缩放比;根据所述第一缩放比对所述第一页面进行缩放,并显示缩放后的第一页面。本发明实施例通过确定待显示的页面中的字体尺寸,根据该待显示的页面中的字体尺寸,确定缩放比,进而根据该缩放比对待显示的页面进行缩放。本发明实施例通过自适应缩放网页,使网页的主体阅读内容呈现出适合用户阅读的大小,节省用户的操作时间,使网页呈现友好性,改善用户体验。

Description

页面显示的方法和终端设备
技术领域
本发明涉及通信领域,并且更具体的,涉及一种页面显示的方法及终端设备。
背景技术
智能终端平台,例如智能电视机平台、手机平台等,基本都提供浏览器来浏览新闻或者阅读小说等,由于终端屏幕大小的不同,观看距离的不同,各个网站字体大小的不同,导致用户在进行阅读时,经常会发现字体过小或者过大,阅读体验不佳。特别是在智能电视和机顶盒领域,由于各个网站很少针对大分辨率(1920×1080)或者超大分辨率(3840×2160)专门设计网站,导致页面内容仅显示在屏幕中间小部分区域,而智能电视和机顶盒不容易调整页面缩放比,导致用户阅读体验更差。
现有技术一的网页缩放方法,浏览器通过设置固定的缩放比例(例如125%)来对页面进行固定的缩放,这种做法对同一个域的网站有较好作用,但跨域或者下次再次访问时,需重新调整缩放比例。现有技术二的网页缩放的方法,浏览器记住特定的网页用户调整后的缩放比,保证用户下次再次打开相同的网站时,其缩放比是设置好了的,这种做法对于已经浏览过的网页适合,但是在打开新网页时又需重新调整缩放比以获取较好的阅读体验。
发明内容
本发明实施例提供了网页显示的方法及终端设备,能够实现网页的自适应缩放,提高用户体验。
第一方面,提供了一种页面显示的方法,包括:终端设备确定待显示的第一页面中的第一字体尺寸;根据所述第一字体尺寸,确定第一缩放比;根据所述第一缩放比对所述第一页面进行缩放,并显示缩放后的第一页面。
本发明实施例通过确定待显示的页面中的字体尺寸,根据该待显示的页面中的字体尺寸,确定缩放比,进而根据该缩放比对待显示的页面进行缩放。本发明实施例通过自适应缩放网页,使网页的主体阅读内容呈现出适合用户阅读的大小,节省用户的操作时间,使网页呈现友好性,改善用户体验。
结合第一方面,在第一方面的第一种实现方式中,所述根据所述第一字体尺寸,确定第一缩放比,包括:获取目标字体尺寸;根据所述目标字体尺寸和所述第一字体尺寸,确定所述第一缩放比。
上述第一缩放比可以为该目标字体尺寸和第一字体尺寸的比值。终端设备根据该第一缩放比,可以实现对待显示页面的自适应缩放,以显示出适合用户阅读的合适的字体大小。
结合第一方面,在第一方面的第二种实现方式中,还包括:接收用户对所述缩放后的第一页面的第一缩放操作;确定所述第一缩放操作后的页面的第二字体尺寸,将所述目标字体尺寸替换为所述第二字体尺寸。
这样,在终端设备自适应显示页面之后,还可以接收用户对页面的再次缩放,进一步可以更新终端设备中存储的目标字体尺寸。
结合第一方面,在第一方面的第三种实现方式中,在所述获取目标字体尺寸之前,还包括:获取第二页面的第三字体尺寸,所述第二页面为用户进行第二缩放操作之前的页面;接收用户对所述第二页面的所述第二缩放操作,并获取所述第二缩放操作的第二缩放比;根据所述第三字体尺寸和所述第二缩放比,确定所述目标字体尺寸。
结合第一方面,在第一方面的第四种实现方式中,在所述获取目标字体尺寸之前,还包括:获取第三页面的第四字体尺寸,所述第三页面为用户进行第三缩放操作之后的页面;将所述第四字体尺寸作为所述目标字体尺寸。
结合第一方面,在第一方面的第五种实现方式中,所述确定待显示的第一页面中的第一字体尺寸,包括:生成所述第一页面的渲染树,所述渲染树包括N个可视文本节点和与所述N个可视文本节点一一对应的N个样式信息,其中,所述N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸,N为正整数,i的取值范围为1至N;根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点;确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
结合第一方面,在第一方面的第六种实现方式中,所述根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,包括:获取中心点,所述中心点为所述终端设备的显示器的中心坐标或用户确定的所述显示器的坐标;根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点。
第二方面,提供了一种页面显示的终端设备,用于执行上述第一方面或第一方面的任意可能的实现方式中的方法。具体地,该终端设备包括用于执行上述第一方面或第一方面的任意可能的实现方式中的方法的单元。
第三方面,提供了一种页面显示的终端设备,该终端设备包括:收发器、存储器、处理器和总线系统。其中,该收发器、该存储器和该处理器通过该总线系统相连,该存储器用于存储指令,该处理器用于执行该存储器存储的指令,并且当该处理器执行该存储器存储的指令时,该执行使得该处理器执行第一方面或第一方面的任意可能的实现方式中的方法。
第四方面,提供了一种计算机可读介质,用于存储计算机程序,该计算机程序包括用于执行第一方面或第一方面的任意可能的实现方式中的方法的指令。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例中所需要使用的附图作简单地介绍,显而易见地,下面所描述的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个具体实施例的网页显示的方法的示意性流程图。
图2是本发明另一个实施例的网页显示的方法的示意性流程图。
图3是本发明一个实施例的网页显示的终端设备的示意性框图。
图4是本发明另一个实施例的网页显示的终端设备的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明的一部分实施例,而不是全部实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都应属于本发明保护的范围。
应理解,本发明实施例的技术方案适用于基于各种操作系统的终端,该操作系统包括但不限于:基于Android、iOS、WindowsPhone、Symbian等移动操作系统的终端设备;基于Windows、Linux、MacOS、Unix等桌面操作系统的终端设备等。本发明的终端设备可以为移动终端、平板电脑或者智能电视。
终端设备中可以安装应用软件,例如浏览器。终端设备可以通过应用软件对页面进行缩放。本发明实施例中,“缩放”均指“缩小或放大”。本发明实施例中的页面中包含的内容包括但不限于文字内容、图片内容和视频内容等。
本发明实施例中,当用户通过终端设备的应用软件(例如浏览器)打开一个网页页面时,由于网页页面的设计分辨率和该终端设备的显示分辨率不一致,会出现显示的页面的字体过大或者过小的现象。例如,智能电视终端的分辨率相对应网页的设计分辨率较大,在电视终端上显示的页面字体过小,用户距电视3米以上时难以看清。
此时,用户可以通过网页缩放功能,对正在浏览页面进行放大或缩小,该缩放比例如为B,当用户对页面进行缩放后,页面的结构将发生变化,例如字体尺寸改变,这样用户可以确定适合阅读的页面。
本发明实施例中,用户可以通过多点接触触摸显示器进行网页缩放操作,也可以通过浏览器的缩放按钮进行网页缩放操作,本发明对此不作限定。
当终端设备检测到用户对当前浏览的页面的缩放操作后,终端设备会生成调整缩放比之后的网页的渲染树(RenderTree),进一步根据该渲染树进行布局和绘制,最终将缩放操作后的页面在终端设备的显示器上进行显示。当用户认为字体适合阅读时,终端设备显示的字体尺寸为目标字体尺寸C,该目标字体尺寸C即可以认为是适合用户阅读的字体尺寸。
相应的,上述渲染树中包括缩放操作之后的页面中的至少一个可视文本节点和与至少一个可视文本节点一一对应的至少一个样式信息。例如,该至少一个可视文本节点有N个,该N个可视文本节点中的第i个可视文本节点对应的第i个样式信息中包括该第i个可视文本节点的位置信息和该i个可视文本节点的字体尺寸。
可理解,可视文本节点的位置信息包括该可视文本节点的在网页中的区域坐标(X1,Y1)(H1,W1),该区域坐标的起点位置坐标为(X1,Y1),该可视文本节点的高度和宽度分别为H1和W1,该起点位置坐标(X1,Y1)可以为该区域的左上角的点的坐标。
该可视文本节点的字体尺寸为层叠样式表(CascadingStyleSheets,CSS)中的标准属性,用来设置超文本连接标示语言(HypertextMarkupLanguage,HTML)元素的字体大小。字体尺寸的取值单位包括但不限于像素(Pixels,px)、相对长度(em)等。应注意,当字体尺寸的取值单位为相对长度时,最终也会将该取值单位转换为像素进行显示。
进一步的,根据渲染树进行布局,即根据该渲染树中的每个可视文本节点的位置信息,计算每个可视文本节点在终端设备中准确的位置和尺寸。同样的,可视文本节点在终端设备中的位置信息包括该可视文本节点在终端设备中的区域坐标(X2,Y2)(H2,W2),该区域坐标的起点位置坐标为(X2,Y2),该可视文本节点的高度和宽度分别为H2和W2,该起点位置坐标(X2,Y2)可以为该区域的左上角的点的坐标。
终端设备根据可视文本节点在终端设备中的位置信息,在上述多个可视节点中确定主体可视节点。
具体的,终端设备可以通过计算获得页面的缩放中心点。作为一例,当用户通过多点接触触摸显示器进行网页缩放操作时,可以确定用户接触的多点的中心点为上述缩放的中心点。作为另一例,当用户通过缩放按钮进行网页缩放操作时,将终端设备的显示器的中心点作为上述缩放中心点。例如当智能电视终端的分辨率为3840×2160时,缩放的中心点为1920×1080。
如果渲染树中可视文本节点在终端设备的位置信息指示的区域包括上述缩放中心点时,终端设备确定该可视文本节点为主体可视文本节点。
当没有可视文本节点的像素点包括缩放中心点时,则确定离上述中心点最近的可视文本节点为主体可视文本节点。
具体的,可以计算每个可视文本节点距离缩放的中心点的距离,遍历每个可视文本节点距离缩放中心点的距离,找出一个距离中心点最近的可视文本节点为主体可视文本节点。
这样,本发明实施例中确定的主体可视文本节点可以认为是用户需要阅读的网页主体内容。那么,终端设备可以将主体可视文本节点的字体尺寸作为目标字体尺寸C。
可选的,终端设备还可以获取用户未缩放之前的页面的字体尺寸,在用户对页面的缩放操作之后,获取用户对页面进行缩放的缩放比,根据未缩放之前的页面的字体尺寸和该缩放比,可以确定目标字体尺寸C。
例如,终端设备确定未缩放之前的页面的主体可视文本节点的字体尺寸A,再结合用户对当前页面进行缩放的缩放比B,B为该页面相对于未缩放的页面的放大的倍数,可以根据C=A×B计算出缩放后的主体可视文本节点的目标字体尺寸C。
例如,当未缩放之前的页面的缩放比为100%,用户对页面进行缩放的缩放比为150%时,B=150%÷100%=1.5,则C=A×1.5。当未缩放之前的页面的缩放比为125%,用户对页面进行缩放的缩放比为200%时,B=200%÷125%=1.5,则C=A×1.6。
终端设备将获取的目标字体尺寸C存储在固定存储介质中,该存储介质例如为文件(file)或者数据库。
图1示出了本发明的一个实施例的网页显示的方法100的示意性流程图。本发明实施例的技术方案,可以由终端设备执行,例如智能电视终端和移动终端等。图1所示的方法包括:
S110,确定待显示的页面中的字体尺寸。
具体的,终端设备启动安装的应用软件(例如浏览器),当终端设备需要打开一个页面(例如网页)时,确定该页面为上述待显示的页面。进一步的,终端设备需要确定该第一页面中的第一字体尺寸。
可选的,终端设备可以生成该待显示的页面的渲染树,该渲染树包括N个可视文本节点和与N个可视文本节点一一对应的N个样式信息,该N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸。然后终端设备根据N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,并确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
可选的,终端设备可以获取中心点,根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点,其中,该中心点为终端设备的显示器的中心坐标或用户确定的所述显示器的坐标。
具体的,确定待显示的页面中的字体尺寸与上文中确定目标字体尺寸的方法相同,为避免重复,这里不再赘述。
S120,获取目标字体尺寸。当终端设备的存储介质中存储有该目标字体尺寸时,下一步执行S130,当终端设备的存储介质中没有存储目标字体尺寸时,下一步执行S160。
S130,确定缩放比E,该缩放比E为S120中的字体尺寸与所述目标字体尺寸的比值。。具体的,终端设备根据S120中获取的字体尺寸和S120中获取的目标缩放比确定该缩放比。
例如,S120中确定的字体尺寸为D,目标字体尺寸为C。此时,S130缩放比E为该目标字体尺寸C与S110中的字体尺寸D的比值,即E=C/D。
S140,根据所述缩放比E对上述待显示的页面进行缩放。
具体的,终端设备根据S130中确定的缩放比E对待显示的页面进行缩放,可以保证缩放后的页面的主体阅读内容的字体尺寸为C,呈现出适合用户阅读的页面内容。
S150,判断用户是否对缩放后的页面进行下一次缩放。
具体的,终端设备检测用户是否需要对S140步骤后显示的页面再一次进行缩放操作。当检测到用户的操作时,下一步执行S160,当终端没有检测到用户的缩放操作时,结束流程。
S160,当终端设备检测到用户对页面的缩放操作时,终端设备接收用户的缩放操作。
S170,确定目标字体尺寸,并将该目标字体尺寸保存在终端设备的可存储介质中。
可选的,终端设备可以通过获取用户缩放操作之前的页面的字体尺寸,然后接收用户的缩放操作,并获取用户的缩放操作的缩放比,然后根据该缩放比和字体大小,获取目标字体尺寸。
可选的,终端设备还可以获取用户缩放操作之后的页面的字体尺寸,然后将该字体尺寸作为目标字体尺寸。
应注意,当终端设备检测到用户对页面的缩放操作后,终端设备就可以获取用户确定的适合阅读的目标字体尺寸,并将之前存储到固定存储介质中的目标字体尺寸替换为重新确定的目标字体尺寸。
具体的,S170中确定目标字体尺寸的方法与上文中的确定目标字体尺寸的方法相同,为避免重复,这里不再赘述。
因此,本发明实施例通过确定待显示的页面中的字体尺寸,根据该待显示的页面中的字体尺寸,确定缩放比,进而根据该缩放比对待显示的页面进行缩放。本发明实施例通过自适应缩放网页,使网页的主体阅读内容呈现出适合用户阅读的大小,节省用户的操作时间,使网页呈现友好性,改善用户体验。
图2示出了本发明的一个实施例的网页显示的方法200的示意性流程图。本发明实施例的技术方案,可以由终端设备执行,例如智能电视终端和移动终端等。图2所示的方法包括:
S210,终端设备确定待显示的第一页面中的第一字体尺寸。
具体的,该第一页面为图1中的S110中页面,第一字体尺寸为图1中的S110中的页面。
可选的,终端设备可以生成所述第一页面的渲染树,该渲染树包括N个可视文本节点和与该N个可视文本节点一一对应的N个样式信息,所述N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸,终端设备根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,然后确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
可选的,终端设备还可以获取中心点,根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点,其中,所述中心点为所述终端设备的显示器的中心坐标或用户确定的所述显示器的坐标。
具体的,S210可以参见上述图1中S110的描述,为避免重复,这里不再赘述。
S220,根据所述第一字体尺寸,确定第一缩放比。
可选的,终端设备可以获取目标字体尺寸,根据该目标字体尺寸和上述第一字体尺寸,确定所述第一缩放比。
具体的,终端上设备在获取目标字体尺寸之前,还可以确定目标字体尺寸,并将该目标字体尺寸存储在可存储介质中。
可选的,终端设备可以获取第二页面的第三字体尺寸,该第二页面为用户进行第二缩放操作之前的页面,接收用户对所述第二页面的第二缩放操作,并获取所述第二缩放操作的第二缩放比,根据所述第三字体尺寸和所述第二缩放比,确定所述目标字体尺寸。
可选的,终端设备还可以获取第三页面的第四字体尺寸,该第三页面为用户进行缩放操作之后的页面,将所述第三字体尺寸作为所述目标字体尺寸。
具体的,S220可以参见上述图1中S130的描述,为避免重复,这里不再赘述。
S230,根据所述第一缩放比对所述第一页面进行缩放,并显示所述缩放后的第一页面。
可选的,在S230之后,终端设备还可以接收用户对所述缩放后的第一页面的第一缩放操作,确定该第一缩放操作后的页面的第二字体尺寸,将所述目标字体尺寸替换为所述第二字体尺寸。具体的,可以参见上述图1中的S150、S160和S170的描述,为避免重复,这里不再赘述。
应理解,在本发明的各种实施例中,上述各过程的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
因此,本发明实施例通过确定待显示的页面中的字体尺寸,根据该待显示的页面中的字体尺寸,确定缩放比,进而根据该缩放比对待显示的页面进行缩放。本发明实施例通过自适应缩放网页,使网页的主体阅读内容呈现出适合用户阅读的大小,节省用户的操作时间,使网页呈现友好性,改善用户体验。
图3示出了本发明实施例的页面显示的终端设备400的示意性框图,该终端设备400包括:
确定单元410,用于终端设备确定待显示的第一页面中的第一字体尺寸;
所述确定单元410还用于根据所述第一字体尺寸,确定第一缩放比;
缩放单元420,用于根据所述第一缩放比对所述第一页面进行缩放,并显示缩放后的第一页面。
可选的,所述确定单元410根据所述第一字体尺寸,确定第一缩放比,可以为获取目标字体尺寸,根据所述目标字体尺寸和所述第一字体尺寸,确定所述第一缩放比。
可选的,该终端设备400还包括接收单元,该接收单元用于接收用户对所述缩放后的第一页面的第一缩放操作,此时所述确定单元还用于确定所述第一缩放操作后的页面的第二字体尺寸,将所述目标字体尺寸替换为所述第二字体尺寸。
可选的,该终端设备400还包括第一获取单元,用于在所述确定单元410获取目标字体尺寸之前,获取第二页面的第三字体尺寸,所述第二页面为用户进行第二缩放操作之前的页面,该接收单元还用于接收用户对所述第二页面的所述第二缩放操作,并获取所述第二缩放操作的第二缩放比,此时所述确定单元410还用于根据所述第三字体尺寸和所述第二缩放比,确定所述目标字体尺寸。
可选的,该终端设备400还包括第二获取单元,用于在所述确定单元410获取目标字体尺寸之前,获取第三页面的第四字体尺寸,所述第三页面为用户进行第三缩放操作之后的页面;将所述第四字体尺寸作为所述目标字体尺寸。
可选的,所述确定单元410确定待显示的第一页面中的第一字体尺寸,具体可以为该确定单元410生成所述第一页面的渲染树,所述渲染树包括N个可视文本节点和与所述N个可视文本节点一一对应的N个样式信息,其中,所述N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸,N为正整数,i的取值范围为1至N;根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点;确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
可选的,上述根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,具体可以包括获取中心点,所述中心点为所述终端设备的显示器的中心坐标或用户确定的所述显示器的坐标;根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点。
因此,本发明实施例通过确定待显示的页面中的字体尺寸,根据该待显示的页面中的字体尺寸,确定缩放比,进而根据该缩放比对待显示的页面进行缩放。本发明实施例通过自适应缩放网页,使网页的主体阅读内容呈现出适合用户阅读的大小,节省用户的操作时间,使网页呈现友好性,改善用户体验。
应注意,本发明实施例中,确定单元410和缩放单元420可以由处理器实现。如图4所示,终端设备400可以包括处理器510、存储器520、收发器530和总线系统540。其中,存储器520可以用于存储处理器510执行的代码等,收发器530用于收发信号等。
终端设备500中的各个组件通过总线系统540耦合在一起,其中总线系统540除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。
图3所示的终端设备400或图4所示的终端设备500能够实现前述图2或图2所示的方法实施例中的终端设备执行的各个过程,为避免重复,这里不再赘述。
应注意,处理器可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法实施例的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器、数字信号处理器(DigitalSignalProcessor,DSP)、专用集成电路(ApplicationSpecificIntegratedCircuit,ASIC)、现成可编程门阵列(FieldProgrammableGateArray,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器读取存储器中的信息,结合其硬件完成上述方法的步骤。
可以理解,本发明实施例中的存储器可以是易失性存储器或非易失性存储器,或可包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-OnlyMemory,ROM)、可编程只读存储器(ProgrammableROM,PROM)、可擦除可编程只读存储器(ErasablePROM,EPROM)、电可擦除可编程只读存储器(ElectricallyEPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(RandomAccessMemory,RAM),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM可用,例如静态随机存取存储器(StaticRAM,SRAM)、动态随机存取存储器(DynamicRAM,DRAM)、同步动态随机存取存储器(SynchronousDRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(DoubleDataRateSDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(EnhancedSDRAM,ESDRAM)、同步连接动态随机存取存储器(SynchlinkDRAM,SLDRAM)和直接内存总线随机存取存储器(DirectRambusRAM,DRRAM)。应注意,本文描述的系统和方法的存储器旨在包括但不限于这些和任意其它适合类型的存储器。
本领域普通技术人员可以意识到,结合本文中所公开的实施例中描述的各方法步骤和单元,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各实施例的步骤及组成。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。本领域普通技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或步骤可以用硬件、处理器执行的软件程序,或者二者的结合来实施。软件程序可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
尽管通过参考附图并结合优选实施例的方式对本发明进行了详细描述,但本发明并不限于此。在不脱离本发明的精神和实质的前提下,本领域普通技术人员可以对本发明的实施例进行各种等效的修改或替换,而这些修改或替换都应在本发明的涵盖范围内。

Claims (14)

1.一种页面显示的方法,其特征在于,包括:
终端设备确定待显示的第一页面中的第一字体尺寸;
根据所述第一字体尺寸,确定第一缩放比;
根据所述第一缩放比对所述第一页面进行缩放,并显示缩放后的第一页面。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一字体尺寸,确定第一缩放比,包括:
获取目标字体尺寸;
根据所述目标字体尺寸和所述第一字体尺寸,确定所述第一缩放比。
3.根据权利要求2所述的方法,其特征在于,还包括:
接收用户对所述缩放后的第一页面的第一缩放操作;
确定所述第一缩放操作后的页面的第二字体尺寸,将所述目标字体尺寸替换为所述第二字体尺寸。
4.根据权利要求2或3所述的方法,其特征在于,在所述获取目标字体尺寸之前,还包括:
获取第二页面的第三字体尺寸,所述第二页面为用户进行第二缩放操作之前的页面;
接收用户对所述第二页面的所述第二缩放操作,并获取所述第二缩放操作的第二缩放比;
根据所述第三字体尺寸和所述第二缩放比,确定所述目标字体尺寸。
5.根据权利要求2或3所述的方法,其特征在于,在所述获取目标字体尺寸之前,还包括:
获取第三页面的第四字体尺寸,所述第三页面为用户进行第三缩放操作之后的页面;
将所述第四字体尺寸作为所述目标字体尺寸。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述确定待显示的第一页面中的第一字体尺寸,包括:
生成所述第一页面的渲染树,所述渲染树包括N个可视文本节点和与所述N个可视文本节点一一对应的N个样式信息,其中,所述N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸,N为正整数,i的取值范围为1至N;
根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点;
确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
7.根据权利要求6所述的方法,其特征在于,所述根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,包括:
获取中心点,所述中心点为所述终端设备的显示器的中心坐标或用户确定的所述显示器的坐标;
根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点。
8.一种页面显示的终端设备,其特征在于,包括:
确定单元,用于终端设备确定待显示的第一页面中的第一字体尺寸;
所述确定单元还用于根据所述第一字体尺寸,确定第一缩放比;
缩放单元,用于根据所述第一缩放比对所述第一页面进行缩放,并显示缩放后的第一页面。
9.根据权利要求8所述的终端设备,其特征在于,所述确定单元根据所述第一字体尺寸,确定第一缩放比,包括:
获取目标字体尺寸;
根据所述目标字体尺寸和所述第一字体尺寸,确定所述第一缩放比。
10.根据权利要求9所述的终端设备,其特征在于,还包括:
接收单元,用于接收用户对所述缩放后的第一页面的第一缩放操作;
所述确定单元还用于确定所述第一缩放操作后的页面的第二字体尺寸,将所述目标字体尺寸替换为所述第二字体尺寸。
11.根据权利要求9或10所述的终端设备,其特征在于,还包括第一获取单元,用于在所述确定单元获取目标字体尺寸之前,获取第二页面的第三字体尺寸,所述第二页面为用户进行第二缩放操作之前的页面;
所述接收单元还用于接收用户对所述第二页面的所述第二缩放操作,并获取所述第二缩放操作的第二缩放比;
所述确定单元还用于根据所述第三字体尺寸和所述第二缩放比,确定所述目标字体尺寸。
12.根据权利要求9或10所述的终端设备,其特征在于,还包括:
第二获取单元,用于在所述确定单元获取目标字体尺寸之前,获取第三页面的第四字体尺寸,所述第三页面为用户进行第三缩放操作之后的页面;
将所述第四字体尺寸作为所述目标字体尺寸。
13.根据权利要求8至12中任一项所述的终端设备,其特征在于,所述确定单元确定待显示的第一页面中的第一字体尺寸,包括:
生成所述第一页面的渲染树,所述渲染树包括N个可视文本节点和与所述N个可视文本节点一一对应的N个样式信息,其中,所述N个可视文本节点中的第i个可视文本节点对应的第i个样式信息包括所述第i个可视文本节点的位置信息和所述第i个可视文本节点的字体尺寸,N为正整数,i的取值范围为1至N;
根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点;
确定所述主体可视文本节点的字体尺寸为所述第一字体尺寸。
14.根据权利要求13所述的终端设备,其特征在于,所述根据所述N个可视文本节点的位置信息,在所述N个可视文本节点中确定主体可视文本节点,包括:
获取中心点,所述中心点为所述终端设备的显示器的中心坐标或用户确定的所述显示器的坐标;
根据所述N个可视文本节点的位置信息和所述中心点,在所述N个可视文本节点中确定主体可视文本节点。
CN201510960035.4A 2015-12-21 2015-12-21 页面显示的方法和终端设备 Pending CN105630746A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510960035.4A CN105630746A (zh) 2015-12-21 2015-12-21 页面显示的方法和终端设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510960035.4A CN105630746A (zh) 2015-12-21 2015-12-21 页面显示的方法和终端设备

Publications (1)

Publication Number Publication Date
CN105630746A true CN105630746A (zh) 2016-06-01

Family

ID=56045708

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510960035.4A Pending CN105630746A (zh) 2015-12-21 2015-12-21 页面显示的方法和终端设备

Country Status (1)

Country Link
CN (1) CN105630746A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106776969A (zh) * 2016-12-05 2017-05-31 乐视控股(北京)有限公司 页面适配方法、装置及电子设备
CN108427546A (zh) * 2018-05-03 2018-08-21 深圳Tcl新技术有限公司 显示装置的全屏幕适配方法、显示装置及存储介质
CN109062471A (zh) * 2018-07-10 2018-12-21 广州视源电子科技股份有限公司 页面元素的移动显示方法、装置、设备及介质
CN110126458A (zh) * 2019-04-01 2019-08-16 桂林市朗谷科技有限公司 一种pcb丝印自动调整方法、装置及存储介质
CN110633039A (zh) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 一种页面的填充方法、装置、终端设备及介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101641673A (zh) * 2007-04-11 2010-02-03 索尼爱立信移动通讯有限公司 按照不同缩放设置来显示信息的方法和相关设备及计算机程序产品
CN102663126A (zh) * 2012-04-23 2012-09-12 奇智软件(北京)有限公司 一种在移动终端中显示网页的方法及装置
CN103064920A (zh) * 2012-12-20 2013-04-24 优视科技有限公司 移动终端中的页面字体大小缩放方法及装置
US20140298156A1 (en) * 2011-12-29 2014-10-02 Guangzhou Ucweb Computer Technology Co., Ltd Methods and systems for adjusting webpage layout

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101641673A (zh) * 2007-04-11 2010-02-03 索尼爱立信移动通讯有限公司 按照不同缩放设置来显示信息的方法和相关设备及计算机程序产品
US20140298156A1 (en) * 2011-12-29 2014-10-02 Guangzhou Ucweb Computer Technology Co., Ltd Methods and systems for adjusting webpage layout
CN102663126A (zh) * 2012-04-23 2012-09-12 奇智软件(北京)有限公司 一种在移动终端中显示网页的方法及装置
CN103064920A (zh) * 2012-12-20 2013-04-24 优视科技有限公司 移动终端中的页面字体大小缩放方法及装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106776969A (zh) * 2016-12-05 2017-05-31 乐视控股(北京)有限公司 页面适配方法、装置及电子设备
CN108427546A (zh) * 2018-05-03 2018-08-21 深圳Tcl新技术有限公司 显示装置的全屏幕适配方法、显示装置及存储介质
CN109062471A (zh) * 2018-07-10 2018-12-21 广州视源电子科技股份有限公司 页面元素的移动显示方法、装置、设备及介质
CN110126458A (zh) * 2019-04-01 2019-08-16 桂林市朗谷科技有限公司 一种pcb丝印自动调整方法、装置及存储介质
CN110126458B (zh) * 2019-04-01 2021-01-05 桂林市朗谷科技有限公司 一种pcb丝印自动调整方法、装置及存储介质
CN110633039A (zh) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 一种页面的填充方法、装置、终端设备及介质

Similar Documents

Publication Publication Date Title
CN105630746A (zh) 页面显示的方法和终端设备
US10067649B2 (en) Page switching method and apparatus
US8228346B1 (en) Systems and methods for displaying fixed-scale content on mobile devices
CN102591853B (zh) 网页重排方法、网页重排装置以及移动终端
CN106648581B (zh) 页面显示方法及装置
US8745515B2 (en) Presentation of large pages on small displays
US9672539B2 (en) Advertisement generation apparatus and terminal device
CN103648055A (zh) 智能电视浏览器的屏幕自适应方法和装置、智能电视
US9165340B2 (en) Image display system, image display method, image display program, and computer-readable recording medium storing said program
CN104423839A (zh) 浏览器资源显示方法和装置
TW201415347A (zh) 縮放螢幕畫面的方法、電子裝置及電腦程式產品
CN103336787A (zh) 一种用于缩放网页的方法和装置
CN107256116B (zh) 页面切换处理方法、装置、用户终端及可读取存储介质
CN114579912A (zh) 页面布局方法、装置、设备及介质
CN104536949A (zh) 网页重排方法、网页重排装置以及移动终端
CN108446152B (zh) 页面显示方法及装置
CN112987992B (zh) 一种导航元素展示方法、装置及电子设备
CN104918073A (zh) 一种图像的显示方法及终端
CN105204724A (zh) 一种信息显示方法及装置
CN104899024A (zh) 一种截图方法及装置
CN112286603A (zh) 一种表格展示方法、装置、电子设备及存储介质
CN109960561B (zh) 页面元素的显示方法、装置和电子设备
US10628629B2 (en) Method, device, and client terminal apparatus for displaying page
CN112911367B (zh) 视频播放界面的处理方法、装置和电子设备
CN107688636B (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20160601