CN104537004A - 网页文字显示方法及装置 - Google Patents

网页文字显示方法及装置 Download PDF

Info

Publication number
CN104537004A
CN104537004A CN201410778273.9A CN201410778273A CN104537004A CN 104537004 A CN104537004 A CN 104537004A CN 201410778273 A CN201410778273 A CN 201410778273A CN 104537004 A CN104537004 A CN 104537004A
Authority
CN
China
Prior art keywords
height
row
font
webpage
font height
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
CN201410778273.9A
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.)
Beijing Xiaomi Technology Co Ltd
Xiaomi Inc
Original Assignee
Xiaomi 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 Xiaomi Inc filed Critical Xiaomi Inc
Priority to CN201410778273.9A priority Critical patent/CN104537004A/zh
Publication of CN104537004A publication Critical patent/CN104537004A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本公开关于一种网页文字显示方法,属于计算机技术领域。所述方法包括:获取网页的代码中设置的字体高度及行高;获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。本公开根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。

Description

网页文字显示方法及装置
技术领域
本公开涉及计算机技术领域,特别涉及一种网页文字显示方法及装置。
背景技术
浏览器在展示网页时,为了保持网页原有的设计布局,通常根据网页设计者设置的字体高度及行高对网页中的文字进行显示。
网页中文字在被浏览器解析显示时,需要根据网页代码中设置的字体高度和行高对网页中的文字进行显示。由于不同网页设计者的喜好不同,不同网页中的文字的字体高度及行高往往会存在很大差异。当网页中文字的字体高度大于行高时,就会出现文字重叠的情况,当网页中文字的字体高度相对于行高很小时,网页中的文字大小则会显得非常不合理。
发明内容
为解决相关技术中的问题,本公开提供了一种网页文字显示方法及装置。
根据本公开实施例的第一方面,提供一种网页文字显示方法,包括:
获取网页的代码中设置的字体高度及行高;
获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
可选的,所述根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,包括:
比较所述代码中设置的所述字体高度与所述基准字体高度的大小;
若所述字体高度小于所述基准字体高度,则比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个;
若所述字体高度大于所述基准字体高度,则比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个。
可选的,所述根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个,包括:
若所述行高大于所述基准行高,则将所述字体高度调整为所述基准字体高度;
若所述行高小于所述基准行高,则在所述字体高度小于所述行高时,将所述字体高度调整为所述行高,在所述字体高度大于所述行高时,将所述行高调整为所述基准行高。
可选的,所述根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个,包括:
若所述行高大于所述基准行高,则计算所述字体高度与所述基准字体高度的比值,得到字体高度比值,计算所述行高与所述基准行高的比值,得到行高比值;在所述字体高度比值小于所述行高比值时,将所述行高调整为所述基准行高与所述字体高度比值的乘积;在所述字体高度比值大于所述行高比值时,将所述字体高度调整为所述基准字体高度与所述行高比值的乘积;
若所述行高小于所述基准行高,则将所述行高调整为所述基准行高与所述字体高度比值的乘积。
根据本公开实施例的第二方面,提供一种网页文字显示装置,包括:
第一获取模块,被配置为获取网页的代码中设置的字体高度及行高;
第二获取模块,被配置为获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
文字调整模块,被配置为根据所述第二获取模块获取的所述基准字体高度和所述基准行高,调整所述第一获取模块获取的所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
可选的,所述文字调整模块,包括:
比较子模块,被配置为比较所述代码中设置的所述字体高度与所述基准字体高度的大小;
第一处理子模块,被配置为当所述比较子模块比较出所述字体高度小于所述基准字体高度时,比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个;
第二处理子模块,被配置为当所述比较子模块比较出所述字体高度大于所述基准字体高度时,比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个。
可选的,所述第一处理子模块,包括:
第一调整子模块,被配置为当所述行高大于所述基准行高时,将所述字体高度调整为所述基准字体高度;
第二调整子模块,被配置为当所述行高小于所述基准行高时,在所述字体高度小于所述行高时,将所述字体高度调整为所述行高,在所述字体高度大于所述行高时,将所述行高调整为所述基准行高。
可选的,所述第二处理子模块,包括:
第三调整子模块,被配置为当所述行高大于所述基准行高时,计算所述字体高度与所述基准字体高度的比值,得到字体高度比值,计算所述行高与所述基准行高的比值,得到行高比值;当所述字体高度比值小于所述行高比值时,将所述行高调整为所述基准行高与所述字体高度比值的乘积;在所述字体高度比值大于所述行高比值时,将所述字体高度调整为所述基准字体高度与所述行高比值的乘积;
第四调整子模块,被配置为当所述行高小于所述基准行高时,将所述行高调整为所述基准行高与所述字体高度比值的乘积。
根据本公开实施例的第三方面,提供一种网页文字显示装置,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取网页的代码中设置的字体高度及行高;
获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
本公开的实施例提供的技术方案可以包括以下有益效果:
通过获取网页的代码中设置的字体高度及行高;获取展示网页的浏览器中默认设置的基准字体高度和基准行高;根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字,根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本公开说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是根据一示例性实施例示出的一种网页文字显示方法的流程图;
图2A是根据另一示例性实施例示出的一种网页文字显示方法的流程图;
图2B是根据一示例性实施例示出的一种网页显示的界面图;
图2C是根据另一示例性实施例示出的一种网页显示的界面图;
图2D是根据另一示例性实施例示出的一种网页显示的界面图;
图2E是根据另一示例性实施例示出的一种网页显示的界面图;
图3是根据一示例性实施例示出的一种网页文字显示装置的框图;
图4是根据另一示例性实施例示出的一种网页文字显示装置的框图;
图5是根据一示例性实施例示出的一种用于网页文字显示的装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种网页文字显示方法的流程图,该网页文字显示方法应用于电子设备中,这里所讲的电子设备可以是安装有可浏览网页的浏览器的设备,比如智能手机、平板电脑等。如图1所示,该网页文字显示方法包括以下步骤。
在步骤101中,获取网页的代码中设置的字体高度及行高。
在步骤102中,获取展示网页的浏览器中默认设置的基准字体高度和基准行高。
在步骤103中,根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字。
综上所述,本公开提供的网页文字显示方法,通过获取网页的代码中设置的字体高度及行高;获取展示网页的浏览器中默认设置的基准字体高度和基准行高;根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字,根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。
图2A是根据另一示例性实施例示出的一种网页文字显示方法的流程图,该网页文字显示方法应用于电子设备中,这里所讲的电子设备可以是安装有可浏览网页的浏览器的设备,比如智能手机、平板电脑等。如图2A所示,该网页文字显示方法包括如下步骤。
在步骤201中,获取网页的代码中设置的字体高度及行高。
浏览器在接收到网页并渲染网页的内容之前,需要先获取该网页的代码中设置的字体高度及行高。
一般的,网页设计者在设计网页时,往往在网页的代码中设置了字体高度及行高,由于网页的用途不同,网页设计者在网页的代码中设置的字体高度及行高也可能会不同。通常网页设计者在设计网页中文字字体高度和行高时,通常受到显示该网页的电子设备的屏幕尺寸的影响,比如,用于在小屏幕电子设备上显示的网页的字体高度及行高通常可以设置的比较小,而用于在大屏幕电子设备显示的网页的字体高度及行高通常可以设置的比较大。当小屏幕电子设备显示用于在大屏幕电子设备显示的网页时,网页中文字的字体高度及行高就显得很大;当大屏幕电子设备显示用于在小屏幕电子设备显示的网页时,网页中文字的字体高度及行高就显得很小。
比如,手机在打开用于在电脑显示的网页时,由于该网页中文字的字体高度及行高被设置得很大,手机屏幕只能显示部分网页内容,用户无法很好地浏览网页。
此外,当网页的代码中设置的字体高度高于行高时,网页中的文字还会出现文字重叠现象,因此,为了让用户更好的浏览网页,需要对网页中的文字进行调整以适应屏幕大小。在对网页中的文字进行调整前,电子设备需要获取网页的代码中设置的字体高度及行高。
在步骤202中,获取展示网页的浏览器中默认设置的基准字体高度和基准行高。
电子设备中展示网页的浏览器可以默认设置基准字体高度和基准行高,浏览器可以以该基准字体高度和基准行高在该电子设备合理显示网页中的文字,避免显示的网页中的文字出现文字重叠和文字显示过大或者过小的现象。
通常,由于电子设备的显示屏幕大小不同,对于电脑版本的浏览器和手机版本的浏览器,其浏览器中设置的用于显示网页文字的字体高度和行高也通常会不同。这里为了便于区分浏览器中设置的字体高度和行高与网页代码中设置的字体高度和行高,可以将浏览器中设置的字体高度和行高分别成为基准字体高度和基准行高,以此为基准,判定网页代码中设置的字体高度和行高,进而确定如何调整字体高度和行高。
在步骤203中,比较代码中设置的字体高度与基准字体高度的大小。
网页设计者在设计网页时,为了让用户能够具有良好的浏览体验,通常对网页中的文字、图片等内容进行了合理的设计布局。假如浏览器直接根据默认设置的基准字体高度和基准行高对网页中的文字进行展示,则很可能会破坏原有网页的设计布局。因此,电子设备需要根据基准字体高度和基准行高,调整代码中设置的字体高度和行高中的至少一个,使得浏览器既能合理展示网页中的文字大小又不破坏原有的网页设计布局。
电子设备可以比较代码中设置的字体高度与基准字体高度的大小,根据比较结果调整代码中设置的字体高度和行高中的至少一个进行调整。
在步骤204中,若字体高度小于基准字体高度,则比较该代码中设置的行高与基准行高的大小,根据比较结果及预设的第一调整策略调整字体高度和行高中的至少一个。
当电子设备比较出代码中设置的字体高度小于基准字体高度时,确定当前字体高度较小,电子设备可以继续比较行高与基准行高的大小,根据比较结果及预设的第一调整策略调整字体高度和行高中的至少一个。
在一种可能的实现方式中,预设的第一调整策略可以是:
1)若行高大于基准行高,则将字体高度调整为基准字体高度;
2)若行高小于基准行高,则在字体高度小于行高时,将字体高度调整为行高,在字体高度大于行高时,将行高调整为基准行高。
电子设备在确定字体高度较小后,继续比较行高与基准行高的大小。
如图2B,图2B是根据一示例性实施例示出的一种网页显示的界面图,在图2B的中,浏览器以基准字体高度和基准行高对网页中的文字进行显示。当网页的代码中设置的字体高度小于基准字体高度,且电子设备比较出行高大于基准行高,则确定行高较大,此时,网页中的文字在显示时可能会显得很小,用户的阅读体验会很差,如图2C。为了合理显示网页中的文字,电子设备可以将字体高度调整为基准字体高度,如图2D。
若电子设备比较出行高小于基准行高,则继续比较字体高度与行高的大小,当比较出字体高度小于行高时,确定网页中的文字以当前的字体高度和行高显示时不会出现文字重叠现象,电子设备可以将字体高度调整为行高,防止网页中的文字在显示时显得很小;当比较出字体高度大于行高时,电子设备确定网页中的文字以当前的字体高度和行高显示时会出现文字重叠现象,如图2E,图2E是根据另一示例性实施例示出的另一种网页显示的界面图,在图2E中,网页的代码中设置的字体高度大于行高。此时,电子设备可以将行高调整为基准行高,由于字体高度小于基准字体高度,行高等于基准行高,因此字体高度小于行高,电子设备中的浏览器以当前的字体高度和行高显示网页中的文字时,不会出现文字重叠现象。
在步骤205中,若字体高度大于基准字体高度,则比较该代码中设置的行高与基准行高的大小,根据比较结果及预设的第二调整策略调整字体高度和行高中的至少一个。
当电子设备比较出代码中设置的字体高度大于基准字体高度时,确定当前字体高度较大,电子设备继续比较行高与基准行高的大小,根据比较结果及预设的第二调整策略调整字体高度和行高中的至少一个。
在一种可能的实现方式中,预设的第二调整策略可以是:
1)若行高大于基准行高,则计算字体高度与基准字体高度的比值,得到字体高度比值,计算行高与基准行高的比值,得到行高比值;在字体高度比值小于行高比值时,将行高调整为基准行高与字体高度比值的乘积;在字体高度比值大于行高比值时,将字体高度调整为基准字体高度与行高比值的乘积;
2)若行高小于基准行高,则将行高调整为基准行高与字体高度比值的乘积。
电子设备在确定字体高度较大后,继续比较行高与基准行高的大小。
若电子设备比较出行高大于基准行高,则确定行高也较大。为了获取合理的行高与文字高度,电子设备可以通过计算字体高度与基准字体的比值,得到字体高度比值,计算行高与基准行高的比值,得到行高比值,再根据字体高度比值与行高比值中较小的比值对应调整字体高度或行高比值。在字体高度比值小于行高比值时,电子设备确定字体高度比值相对于行高比值更加合理,则将行高调整为基准行高与字体高度比值的乘积;在字体高度比值大于行高比值时,电子设备确定行高比值相对于字体高度比值更加合理,则将字体高度调整为基准字体高度与行高比值的乘积。
比如,当字体高度为20磅,行高为30磅,基准字体高度为10磅,基准行高为20磅时,电子设备比较出行高大于基准行高,计算得到的字体高度比值为20/10=2,行高比值为30/20=1.5,由于2>1.5,则电子设备确定行高比值相对于字体高度比值更加合理,将字体高度20磅调整为10*1.5=15磅。
若电子设备比较出行高小于基准行高,则确定当前行高小于合理的行高值,电子设备计算字体高度与基准字体高度的比值得到字体高度比值,并将行高调整为基准行高与字体高度比值的乘积,从而使得行高与字体高度的比值与基准行高与基准字体高度的比值相同,浏览器显示的调整后的网页中的文字大小会显得更加合理。
比如,当字体高度为25磅,行高为20磅,基准字体高度为20磅,基准行高为30磅时,电子设备比较出行高小于基准行高,则计算字体高度与基准字体高度的比值,得到字体高度比值25/20=1.25磅,并将行高20磅调整为30*1.25=3.75磅。
在步骤206中,在浏览器中根据调整过的字体高度和行高显示网页中的文字。
电子设备根据第一调整策略或者第二调整策略对字体高度和行高进行调整后,可以在浏览器中以调整后的字体高度和行高显示网页中的文字,使得用户能够获得良好的阅读体验。
综上所述,本公开提供的网页文字显示方法,通过获取网页的代码中设置的字体高度及行高;获取展示网页的浏览器中默认设置的基准字体高度和基准行高;根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字,根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。
另外,本公开提供的网页文字显示方法还通过比较代码中设置的字体高度与基准字体高度的大小;若字体高度小于基准字体高度,则比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第一调整策略调整字体高度和行高中的至少一个;若字体高度大于基准字体高度,则比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第二调整策略调整字体高度和行高中的至少一个,分别比较字体高度与基准字体高度、行高与基准行高的大小,并根据比较结果采用对应的调整策略调整文字高度或行高,具有针对性调整文字的大小,提高文字调整的效率。
图3是根据一示例性实施例示出的一种网页文字显示装置的框图,该网页文字显示装置应用于电子设备中,这里所讲的电子设备可以是安装有可浏览网页的浏览器的设备,比如智能手机、平板电脑等。如图3所示,该网页文字显示装置包括:第一获取模块310、第二获取模块320和文字调整模块330。
该第一获取模块310,被配置为获取网页的代码中设置的字体高度及行高;
该第二获取模块320,被配置为获取展示网页的浏览器中默认设置的基准字体高度和基准行高;
该文字调整模块330,被配置为根据该第二获取模块320获取的基准字体高度和基准行高,调整该第一获取模块310获取的代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字。
综上所述,本公开提供的网页文字显示装置,通过获取网页的代码中设置的字体高度及行高;获取展示网页的浏览器中默认设置的基准字体高度和基准行高;根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字,根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。
图4是根据另一示例性实施例示出的一种网页文字显示装置的框图,该网页文字显示装置应用于电子设备中,这里所讲的电子设备可以是安装有可浏览网页的浏览器的设备,比如智能手机、平板电脑等。如图4所示,该网页文字显示装置包括:第一获取模块310、第二获取模块320和文字调整模块330。
该第一获取模块310,被配置为获取网页的代码中设置的字体高度及行高;
该第二获取模块320,被配置为获取展示网页的浏览器中默认设置的基准字体高度和基准行高;
该文字调整模块330,被配置为根据该第二获取模块320获取的基准字体高度和基准行高,调整该第一获取模块310获取的代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字。
可选的,该文字调整模块330,包括:比较子模块331、第一处理子模块332和第二处理子模块333。
该比较子模块331,被配置为比较代码中设置的字体高度与基准字体高度的大小;
该第一处理子模块332,被配置为当该比较子模块331比较出字体高度小于基准字体高度时,比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第一调整策略调整字体高度和行高中的至少一个;
该第二处理子模块333,被配置为当该比较子模块331比较出字体高度大于基准字体高度时,比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第二调整策略调整字体高度和行高中的至少一个。
可选的,第一处理子模块332,包括:第一调整子模块332a和第二调整子模块332b。
该第一调整子模块332a,被配置为当行高大于基准行高时,将字体高度调整为基准字体高度;
该第二调整子模块332b,被配置为当行高小于基准行高时,在字体高度小于行高时,将字体高度调整为行高,在字体高度大于行高时,将行高调整为基准行高。
可选的,第二处理子模块333,包括:第三调整子模块333a和第四调整子模块333b。
该第三调整子模块333a,被配置为当行高大于基准行高时,计算字体高度与基准字体高度的比值,得到字体高度比值,计算行高与基准行高的比值,得到行高比值;当字体高度比值小于行高比值时,将行高调整为基准行高与字体高度比值的乘积;在字体高度比值大于行高比值时,将字体高度调整为基准字体高度与行高比值的乘积;
该第四调整子模块333b,被配置为当行高小于基准行高时,将行高调整为基准行高与字体高度比值的乘积。
综上所述,本公开提供的网页文字显示装置,通过获取网页的代码中设置的字体高度及行高;获取展示网页的浏览器中默认设置的基准字体高度和基准行高;根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字,根据基准字体高度和基准行高调整字体高度或行高,解决了浏览器在显示网页时,网页中的文字大小不合理和出现文字重叠的问题,达到了自适应调节并展示网页中的文字大小的效果。
另外,本公开提供的网页文字显示装置还通过比较代码中设置的字体高度与基准字体高度的大小;若字体高度小于基准字体高度,则比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第一调整策略调整字体高度和行高中的至少一个;若字体高度大于基准字体高度,则比较代码中设置的行高与基准行高的大小,根据比较结果及预设的第二调整策略调整字体高度和行高中的至少一个,分别比较字体高度与基准字体高度、行高与基准行高的大小,并根据比较结果采用对应的调整策略调整文字高度或行高,具有针对性调整文字的大小,提高文字调整的效率。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
本公开一示例性实施例提供了一种网页文字显示装置,应用于电子设备中,这里所讲的电子设备可以是安装有可浏览网页的浏览器的设备,比如智能手机、平板电脑等,该网页文字显示装置能够实现本公开提供的网页文字显示方法,该网页文字显示装置包括:处理器、用于存储处理器可执行指令的存储器;
其中,该处理器被配置为:
获取网页的代码中设置的字体高度及行高;
获取展示网页的浏览器中默认设置的基准字体高度和基准行高;
根据基准字体高度和基准行高,调整该代码中设置的字体高度和行高中的至少一个,并在浏览器中根据调整过的字体高度和行高显示网页中的文字。
图5是根据一示例性实施例示出的一种用于网页文字显示的装置的框图。例如,装置500可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图5,装置500可以包括以下一个或多个组件:处理组件502,存储器504,电源组件506,多媒体组件508,音频组件510,输入/输出(I/O)的接口512,传感器组件514,以及通信组件516。
处理组件502通常控制装置500的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器518来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件502可以包括一个或多个模块,便于处理组件502和其他组件之间的交互。例如,处理组件502可以包括多媒体模块,以方便多媒体组件508和处理组件502之间的交互。
存储器504被配置为存储各种类型的数据以支持在装置500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件506为装置500的各种组件提供电力。电源组件506可以包括电源管理系统,一个或多个电源,及其他与为装置500生成、管理和分配电力相关联的组件。
多媒体组件508包括在所述装置500和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件508包括一个前置摄像头和/或后置摄像头。当装置500处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件510被配置为输出和/或输入音频信号。例如,音频组件510包括一个麦克风(MIC),当装置500处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中,音频组件510还包括一个扬声器,用于输出音频信号。
I/O接口512为处理组件502和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件514包括一个或多个传感器,用于为装置500提供各个方面的状态评估。例如,传感器组件514可以检测到装置500的打开/关闭状态,组件的相对定位,例如所述组件为装置500的显示器和小键盘,传感器组件514还可以检测装置500或装置500一个组件的位置改变,用户与装置500接触的存在或不存在,装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件514还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件516还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述网页文字显示方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器504,上述指令可由装置500的处理器518执行以完成上述网页文字显示方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里的公开的后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (9)

1.一种网页文字显示方法,其特征在于,包括:
获取网页的代码中设置的字体高度及行高;
获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
2.根据权利要求1所述的方法,其特征在于,所述根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,包括:
比较所述代码中设置的所述字体高度与所述基准字体高度的大小;
若所述字体高度小于所述基准字体高度,则比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个;
若所述字体高度大于所述基准字体高度,则比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个。
3.根据权利要求2所述的方法,其特征在于,所述根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个,包括:
若所述行高大于所述基准行高,则将所述字体高度调整为所述基准字体高度;
若所述行高小于所述基准行高,则在所述字体高度小于所述行高时,将所述字体高度调整为所述行高,在所述字体高度大于所述行高时,将所述行高调整为所述基准行高。
4.根据权利要求2所述的方法,其特征在于,所述根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个,包括:
若所述行高大于所述基准行高,则计算所述字体高度与所述基准字体高度的比值,得到字体高度比值,计算所述行高与所述基准行高的比值,得到行高比值;在所述字体高度比值小于所述行高比值时,将所述行高调整为所述基准行高与所述字体高度比值的乘积;在所述字体高度比值大于所述行高比值时,将所述字体高度调整为所述基准字体高度与所述行高比值的乘积;
若所述行高小于所述基准行高,则将所述行高调整为所述基准行高与所述字体高度比值的乘积。
5.一种网页文字显示装置,其特征在于,包括:
第一获取模块,被配置为获取网页的代码中设置的字体高度及行高;
第二获取模块,被配置为获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
文字调整模块,被配置为根据所述第二获取模块获取的所述基准字体高度和所述基准行高,调整所述第一获取模块获取的所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
6.根据权利要求5所述的装置,其特征在于,所述文字调整模块,包括:
比较子模块,被配置为比较所述代码中设置的所述字体高度与所述基准字体高度的大小;
第一处理子模块,被配置为当所述比较子模块比较出所述字体高度小于所述基准字体高度时,比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第一调整策略调整所述字体高度和所述行高中的至少一个;
第二处理子模块,被配置为当所述比较子模块比较出所述字体高度大于所述基准字体高度时,比较所述代码中设置的所述行高与所述基准行高的大小,根据比较结果及预设的第二调整策略调整所述字体高度和所述行高中的至少一个。
7.根据权利要求6所述的装置,其特征在于,所述第一处理子模块,包括:
第一调整子模块,被配置为当所述行高大于所述基准行高时,将所述字体高度调整为所述基准字体高度;
第二调整子模块,被配置为当所述行高小于所述基准行高时,在所述字体高度小于所述行高时,将所述字体高度调整为所述行高,在所述字体高度大于所述行高时,将所述行高调整为所述基准行高。
8.根据权利要求6所述的装置,其特征在于,所述第二处理子模块,包括:
第三调整子模块,被配置为当所述行高大于所述基准行高时,计算所述字体高度与所述基准字体高度的比值,得到字体高度比值,计算所述行高与所述基准行高的比值,得到行高比值;当所述字体高度比值小于所述行高比值时,将所述行高调整为所述基准行高与所述字体高度比值的乘积;在所述字体高度比值大于所述行高比值时,将所述字体高度调整为所述基准字体高度与所述行高比值的乘积;
第四调整子模块,被配置为当所述行高小于所述基准行高时,将所述行高调整为所述基准行高与所述字体高度比值的乘积。
9.一种网页文字显示装置,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取网页的代码中设置的字体高度及行高;
获取展示所述网页的浏览器中默认设置的基准字体高度和基准行高;
根据所述基准字体高度和所述基准行高,调整所述代码中设置的所述字体高度和所述行高中的至少一个,并在所述浏览器中根据调整过的所述字体高度和所述行高显示所述网页中的文字。
CN201410778273.9A 2014-12-15 2014-12-15 网页文字显示方法及装置 Pending CN104537004A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410778273.9A CN104537004A (zh) 2014-12-15 2014-12-15 网页文字显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410778273.9A CN104537004A (zh) 2014-12-15 2014-12-15 网页文字显示方法及装置

Publications (1)

Publication Number Publication Date
CN104537004A true CN104537004A (zh) 2015-04-22

Family

ID=52852532

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410778273.9A Pending CN104537004A (zh) 2014-12-15 2014-12-15 网页文字显示方法及装置

Country Status (1)

Country Link
CN (1) CN104537004A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018032157A1 (zh) * 2016-08-14 2018-02-22 阮元 根据手机号匹配网页格式的方法以及网站
WO2018032158A1 (zh) * 2016-08-14 2018-02-22 阮元 根据手机号匹配网页格式的停用方法以及网站
CN115687669A (zh) * 2022-10-12 2023-02-03 广州中望龙腾软件股份有限公司 文字缓存方法、终端以及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1508722A (zh) * 2002-12-18 2004-06-30 国际自动行高、字体大小和字体测量系统和方法
CN102194004A (zh) * 2011-05-25 2011-09-21 福州瑞芯微电子有限公司 一种Android浏览器处理复杂文本的方法
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1508722A (zh) * 2002-12-18 2004-06-30 国际自动行高、字体大小和字体测量系统和方法
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法
CN102194004A (zh) * 2011-05-25 2011-09-21 福州瑞芯微电子有限公司 一种Android浏览器处理复杂文本的方法

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018032157A1 (zh) * 2016-08-14 2018-02-22 阮元 根据手机号匹配网页格式的方法以及网站
WO2018032158A1 (zh) * 2016-08-14 2018-02-22 阮元 根据手机号匹配网页格式的停用方法以及网站
CN115687669A (zh) * 2022-10-12 2023-02-03 广州中望龙腾软件股份有限公司 文字缓存方法、终端以及存储介质

Similar Documents

Publication Publication Date Title
CN105955607B (zh) 内容分享方法和装置
CN104238875A (zh) 应用程序角标添加方法及装置
CN105426086A (zh) 页面中搜索功能框的显示处理方法及装置
CN105512909A (zh) 商品推荐方法及装置
CN104281432A (zh) 调节音效的方法及装置
CN104462418A (zh) 页面显示方法及装置、电子设备
CN105095345A (zh) 推送消息的提示方法及装置
CN104731688A (zh) 提示阅读进度的方法及装置
CN104484111A (zh) 触摸屏的内容显示方法及装置
CN105487805A (zh) 对象操作方法及装置
CN104238890A (zh) 文字显示方法及装置
CN104536935A (zh) 计算显示方法、计算编辑方法及装置
CN105204808A (zh) 图片的投射方法、装置及终端设备
CN104391711A (zh) 一种设置屏幕保护的方法及装置
CN104793843A (zh) 桌面显示方法及装置
CN104267881A (zh) 工具栏的操作方法及装置
CN105094626A (zh) 文本内容选择方法及装置
CN105630339A (zh) 页面控制方法及装置
CN104461283A (zh) 网络视图的截图方法及装置、电子设备
CN105094539A (zh) 参考信息显示方法和装置
CN104536669A (zh) 信息展示方法及装置
CN104536787A (zh) 资源预加载方法及装置
CN104602275A (zh) 客户识别模块sim卡切换方法及装置
CN104536659A (zh) 目标物信息处理方法及装置
CN105550213A (zh) 图片浏览方法和装置

Legal Events

Date Code Title Description
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: 20150422