动态调整字体大小的网页提供系统及其方法

文档序号:6333309阅读:201来源:国知局
专利名称:动态调整字体大小的网页提供系统及其方法
技术领域
本发明涉及一种网页提供系统及其方法,特别系指一种可以于不同显示屏幕上显示相同物理大小的字体的网页提供系统及其方法。
背景技术
现代人生活在资讯爆炸的时代,而伴随着网络技术的快速发展和应用层面的推广,通过浏览器浏览网页以取得所需要的各种资讯已经成了现代人生活中不可或缺的一部份。以往网页的浏览,是由各个资讯供应者的网页服务器提供网页,当客户端通过本地端的浏览器输入网址或是选取连结产生了浏览请求后,网页服务器将会把网页传送给客户端,而客户端的浏览器将会解析网页并且在本地端的显示器中显示出来。然而,由于一般网页服务器中所提供的网页中字体大小往往是固定的,因此同一个网页对于使用不同屏幕解析度、不同屏幕宽度的显示器及不同浏览器的客户端来说却可能产生不同物理大小的字体。举例来说,在某个显示器中字体大小合适的网页,当换了一个显示器后,可能就会产生字体太大或是字体太小的问题。虽然目前许多浏览器已提供可以缩放网页字体大小的功能,使用者也可以通过调整屏幕解析度来调整显示效果,但由于每一次开启不同的网页使用者便必须重新调整设定,造成了使用者使用上的重复操作,而对于许多不知如何缩放网页字体的使用者来说,更是造成了相当大的不便,因此有必要提出改进的技术手段,来解决此一问题。

发明内容
有鉴于现有技术存在的不同显示终端显示网页时呈现的字体物理大小不一的问题,本发明遂公开一种动态调整字体大小的网页提供系统及其方法,其中本发明所公开之动态调整字体大小的网页提供系统,适用于网页服务器中,其包含网页资料库,预先储存有包含至少一字体大小物理值的至少一网页;接收模块,用以自客户端接收浏览请求;撷取模块,用以撷取对应浏览请求的网页,及用以自客户端读取客户端所使用的屏幕解析度;转换模块,预先建立有对应表,对应表中包含至少一屏幕解析度及与各屏幕解析度对应的屏幕宽度,转换模块用以读取撷取之网页的各字体大小物理值,并根据客户端的屏幕解析度查询对应表以取得与客户端的屏幕解析度对应的屏幕宽度,再根据客户端的屏幕解析度的横向解析度与对应的屏幕宽度的比值乘以各字体大小物理值,以取得各字体大小浏览值并产生更新网页;及传送模块,用以将更新网页传送给客户端并由客户端的浏览器解析后进行显示。本发明所公开的动态调整字体大小的网页提供方法,适用于网页服务器中,其包含下列步骤预先于网络服务器建立对应表,对应表中包含至少一屏幕解析度及与各屏幕解析度对应的屏幕宽度;预先于网页服务器储存至少一网页,其中各网页包含至少一字体大小物理值;网页服务器自客户端接收浏览请求;网页服务器撷取对应浏览请求的网页;
3网页服务器自客户端读取客户端所使用的屏幕解析度;网页服务器读取撷取的网页的各字体大小物理值,并根据客户端的屏幕解析度查询对应表以取得与客户端的屏幕解析度对应的屏幕宽度;网页服务器根据客户端的屏幕解析度的横向解析度与对应的屏幕宽度的比值乘以各字体大小物理值,以取得各字体大小浏览值并产生更新网页;及网页服务器将更新网页传送给客户端并由客户端的浏览器解析后进行显示。本发明所公开的系统与方法如上,与现有技术之间的差异在于本发明具有预先于网络服务器建立屏幕解析度及屏幕宽度的对应表,并于接收到客户端网页浏览请求的同时读取客户端的屏幕解析度,再根据屏幕解析度查询对应表以取得横向解析度与屏幕宽度比例再将欲浏览网页中的字体大小物理值转换为字体大小浏览值,最后由客户端的浏览器解析网页后再进行显示的技术手段。通过上述的技术手段,本发明可以达成于不同显示屏幕上进行网页字体大小物理值最佳化显示的技术功效。


第1图为本发明动态调整字体大小的网页提供系统的方块图。第2图为本发明动态调整字体大小的网页提供方法的流程图。第3图为本发明实施例的对应表示意图。主要元件符号说明101网页资料库 102接收模块103撷取模块104转换模块105传送模块301对应表
具体实施例方式以下将配合图式及实施例来详细说明本发明的实施方式,借此对本发明如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。首先,请参考图1,为本发明动态调整字体大小的网页提供系统的方块图,将用以说明本发明各模块所负责的功能。本发明的动态调整字体大小的网页提供系统系适用于网页服务器中,其包含网页资料库101、接收模块102、撷取模块103、转换模块104及传送模块 105。网页资料库101,预先建立有包含至少一字体大小物理值的至少一网页。字体大小物理值相当于网页中对应各个显示文字实际进行显示时的字体大小,对于每一个网页来说,为了营造不同的显示效果,不同的显示文字便会对应有不同的字体大小物理值。举例来说,假设一个HTML网页标题需要较大的字体显示,则字体大小物理值可以设定为12mm,网页内文的字体仅需要一般大小的字体显示,则其字体大小物理值可以设定为3mm。接收模块102,负责自客户端接收浏览请求。当客户端需要浏览网页时,可以通过本地端的浏览器产生浏览某个特定网页的浏览请求,此时接收模块102将会负责接收客户端所传送的浏览请求。撷取模块103,负责撷取对应浏览请求的网页,同时也负责自客户端读取客户端所使用的屏幕解析度。需要特别说明的是,撷取模块103撷取出对应浏览请求的网页后将会由撷取的网页中的一段JavMcript描述读取客户端屏幕解析度。转换模块104,预先建立有一个包含至少一屏幕解析度及与各个屏幕解析度对应的屏幕宽度的对应表。对应表的产生方式可以预先通过统计方法取得主流的屏幕解析度及与主流屏幕解析度对应的主流屏幕尺寸及比例,然后平均数值后计算出屏幕宽度。举例来说,假设有一 10MX768的屏幕解析度,通过统计方法取得使用10MX768屏幕解析度的屏幕尺寸落于8 12寸之间,则此时可以取平均值10寸作为对应10MX768屏幕解析度的主流屏幕尺寸。得到主流屏幕尺寸后,接着再通过统计方法取得不同屏幕比例如4 3、16 9、 16 10...等的屏幕宽度,最后通过平均数值取得对应IOMx 768屏幕解析度的屏幕宽度。 由于统计方法的方式众多,在此则不针对对应表的取得方式加以限定,任何可设定屏幕解析度及屏幕宽度之间对应关系的方式均可用以产生本发明所述的对应表当撷取模块103撷取出对应浏览请求的网页并读取出客户端所使用的屏幕解析度后,转换模块104将会读取所撷取出的网页中的各个字体大小物理值,然后根据客户端的屏幕解析度查询对应表以取得客户端的屏幕解析度对应的屏幕宽度,接着将字体大小物理值转换为对应的字体大小浏览值并产生一个更新网页。举例来说,假设10MX768的屏幕解析度对应的屏幕宽度为304. 8mm,由于横向解析度为1024,则欲显示Imm的宽度时需使用到3. 36px (即像素,于网页属性值中以“px”表示),因此若欲显示字体大小物理值为4. 32mm 见方的文字时,根据IOMpx与304. 8mm的比值可以换算出需要使用14. 5px的字体大小浏览值。需要特别说明的是,字体大小物理值系为显示网页文字时的实际大小,而字体大小浏览值则是依据字体大小物理值换算过后所得出浏览器实际可以解析显示的字体大小值。此外,值得注意的是,由于在偶数点数的px值如14、16、18...的情况下显示效果较佳,因此可以仅取偶数点数px值作为字体大小浏览值。需要特别说明的是,字体大小浏览值除了可以是像素(px)值,也可以是以调变字体大小(em)或浏览器预设字体大小百分比例为单位。 举例来说,假设浏览器的预设字体大小为16px,则Iem= 100%= 16px,此时0. 75em = 75% =12px。当浏览器的预设字体大小为12px时,则Iem = 100%= 12px,此时2em = 200% =24px。当直接以像素(px)值产生更新网页时,客户端浏览器解析网页并显示的过程中, 网页的字体将以PX的形式直接显示,而当以调变字体大小(em)或浏览器预设字体大小百分比例(% )产生更新网页时,浏览器解析网页并显示后客户端仍然可以通过变更浏览器的预设字体大小再对网页文字进行二次缩放,借此也使网页字体显示大小更符合客户端的浏览需求。传送模块105,负责将转换模块104所产生的更新网页传送给客户端,并由客户端的浏览器解析完成后进行显示。借此,当不同的显示终端浏览同一网页时,即便是使用不同屏幕解析度、不同屏幕宽度的显示器及不同浏览器,其网页文字显示时的字体物理大小可以大致保持一致,借此提升网页文字的显示效果。接下来,请参考图2,为本发明动态调整字体大小的网页提供方法的流程图,将用以说明本发明的实施流程。本发明的动态调整字体大小的网页提供方法系适用于网络服务器中,于网络服务器中首先预先建立包含至少一屏幕解析度及与各屏幕解析度对应的屏幕宽度的对应表(步骤201)。对应表的产生方式可以预先通过统计方法取得主流的屏幕解析度及与主流屏幕解析度对应的主流屏幕尺寸及比例,然后平均数值后计算出屏幕宽度。举例来说,假设有一 IOMx 768的屏幕解析度,通过统计方法取得使用IOMx 768屏幕解析度的屏幕尺寸落于8 12寸之间,则此时可以取平均值10寸作为对应IOMx 768屏幕解析度的主流屏幕尺寸。得到主流屏幕尺寸后,接着再通过统计方法取得不同屏幕比例如4 3、 16 9、16 10...等的屏幕宽度,最后通过平均数值取得对应IOMx 768屏幕解析度的屏幕宽度。由于统计方法的方式众多,在此则不针对对应表的取得方式加以限定,任何可设定屏幕解析度及屏幕宽度之间对应关系的方式均可用以产生本发明所述的对应表。除了建立对应表外,本方法亦预先于网页服务器储存至少一网页(步骤202),各个网页中也包含至少一字体大小物理值。需要特别说明的是,字体大小物理值相当于网页中对应各个显示文字实际进行显示时的字体大小,对于每一个网页来说,为了营造不同的显示效果,不同的显示文字便会对应不同的字体大小物理值。举例来说,假设一个HTML网页标题需要较大的字体显示,则字体大小物理值可以设定为12mm,网页内文的字体仅需要一般大小的字体显示,则其字体大小物理值可以设定为3mm。接着,网页服务器自客户端接收浏览请求(步骤203),当客户端需要浏览网页时, 可以通过本地端的浏览器产生浏览某个特定网页的浏览请求,当网页服务器接收到浏览请求后,接着将撷取对应浏览请求的网页(步骤204),并自客户端读取客户端所使用的屏幕解析度(步骤20 。需要特别说明的是,当网页服务器撷取出对应浏览请求的网页后,将会由撷取出的网页中的一段包含撷取客户端屏幕解析度的JavMcript描述读取客户端的屏幕解析度。当网页服务器取得客户端的屏幕解析度后,网页服务器将接着读取撷取的网页的各字体大小物理值,并根据客户端的屏幕解析度查询对应表以取得与客户端的屏幕解析度对应的屏幕宽度(步骤206),然后网页服务器再根据客户端的屏幕解析度的横向解析度与对应的屏幕宽度的比值乘以各字体大小物理值,以取得各字体大小浏览值并产生更新网页 (步骤207)。举例来说,假设IOMx 768的屏幕解析度对应的屏幕宽度为304. 8mm,由于横向解析度为1024,则欲显示Imm的宽度时需使用到3. 36px,因此若欲显示字体大小物理值为4. 32mm见方的文字时,根据IOMpx与304. 8mm的比例可以换算出需要使用14. 5px的字体大小浏览值。需要特别说明的是,字体大小物理值系为显示网页文字时的实际大小,而字体大小浏览值除了可以是像素(px)值,也可以是以调变字体大小(em)或浏览器预设字体大小百分比例(% )。值得注意的是,由于在偶数像素(px)如14、16、18...的情况下显示效果较佳,因此当字体大小浏览值为像素(px)时,可以仅取偶数点数值作为字体大小浏览值。网页服务器将字体大小物理值转换为字体大小浏览值后,可以直接产生更新网页。当直接以像素(PX)值产生更新网页时,客户端浏览器解析网页并显示的过程中,网页的字体大小将以PX的形式直接显示,而当将以调变字体大小(em)或浏览器预设字体大小百分比例(% )产生更新网页时,浏览器解析网页并显示后客户端仍然可以通过浏览器的设定再对网页文字进行二次缩放,借此也使网页字体显示大小更符合客户端的浏览需求。最后,网页服务器将更新网页传送给客户端并由客户端的浏览器解析后进行显示 (步骤207)。接下来,将以一实施例搭配本发明的图式来说明本发明的详细实施方式。
假设有一应用有本发明的网页服务器,其预先建立有包含至少一屏幕解析度及与各屏幕解析度对应的屏幕宽度的对应表,如图3的对应表301所示,不同的屏幕解析度对应有不同的屏幕宽度,而借由不同的横向解析度及屏幕宽度可以取得一个比例。网页服务器当中除了建立有对应表外,也储存有至少一网页,各网页中包含至少一字体大小物理值的显示属性。举例来说,假设网页服务器中储存的网页为HTML网页,而假设有一第一网页其网页标题需要显示的实际字体大小为3mm,则其字体大小物理值可以设定为3mm。假设现有一第一客户端其所使用的解析度为IOMx 768,当第一客户端通过本地端的浏览器产生浏览请求并传送到网页服务器时,网页服务器将会根据浏览请求撷取对应的网页,并通过网页的一段JavMcript描述取得第一客户端的屏幕解析度。假设使用者欲浏览第一网页,则网页服务器撷取了第一网页后,首先将读取第一网页中的字体大小物理值的显示属性,接着根据IOMx 768的屏幕解析度查询对应表取得屏幕宽度304. 8mm。取得屏幕宽度后,根据第一客户端屏幕解析度的横向解析度与屏幕宽度的比例将字体大小物理值转换为字体大小浏览值。举前述第一网页其网页标题中字体大小物理值的显示属性为 3mm的例子来说,由于欲显示的实际大小为3mm,根据第一客户端屏幕解析度的横向解析度与屏幕宽度的比例可求出字体大小浏览值应采取10.07px。由于在一般的浏览器解析过程中以偶数点数的px值所显示出的字体大小会有较佳的显示效果,因此取字体大小浏览值时,也可以仅取偶数点数的px值取代原来的字体大小物理值并产生更新网页。需要特别说明的是,网页服务器除了可以直接像素(px)值作为字体大小浏览值产生更新网页外,也可以用调变字体大小(em)或浏览器预设字体大小百分比例(% )作为字体大小浏览值产生更新网页。当直接以像素(px)值产生更新网页时,客户端浏览器解析网页并显示的过程中,网页的字体大小将以px的形式直接显示,而当以调变字体大小(em) 或浏览器预设字体大小百分比例(%)产生更新网页时,浏览器解析网页并显示后客户端仍然可以通过浏览器的设定再对网页文字进行二次缩放,借此也使网页字体显示大小更符合客户端的浏览需求。最后,网页服务器将网页传送到第一客户端,经过第一客户端的浏览器解析后,将可显示出标题字体大小为3mm的网页。假设现有一第二客户端使用的是与第一客户端不同的屏幕解析度1280x 1024,则当第二客户端同样欲浏览第一网页时,网页服务器同样会先查询对应1280x 1024屏幕解析度的屏幕宽度,再根据屏幕解析度的横向解析度与屏幕宽度的比例将字体大小物理值转换为字体大小浏览值再产生更新网页,并传送到第二客户端,由第二客户端的浏览器解析过后进行显示。借此,第一客户端与第二客户端虽然使用不同屏幕解析度浏览网页,但对于第一客户端与第二客户端来说,第一网页的标题字体大小都会为3mm,使得于不同显示终端上仍然能显示一致的网页字体大小,提升了网页字体的显示效果。虽然本发明所公开的实施方式如上,惟所述的内容并非用以直接限定本发明的专利保护范围。任何本发明所属技术领域中普通技术人员,在不脱离本发明所公开的精神和范围的前提下,可以在实施的形式上及细节上作些许的更动。本发明的专利保护范围,仍须以所附的权利要求书所界定者为准。
权利要求
1.一种动态调整字体大小的网页提供系统,适用于一网页服务器中,其特征在于,包含一网页资料库,预先储存有包含至少一字体大小物理值的至少一网页; 一接收模块,用以自一客户端接收一浏览请求;一撷取模块,用以撷取对应该浏览请求的该网页,及用以自该客户端读取该客户端所使用的屏幕解析度;一转换模块,预先建立有一对应表,该对应表包含至少一该屏幕解析度及与该屏幕解析度对应的一屏幕宽度,该转换模块用以读取撷取的该网页的各该字体大小物理值,并根据该客户端的该屏幕解析度查询该对应表以取得与该客户端的该屏幕解析度对应的该屏幕宽度,再根据该客户端的该屏幕解析度的横向解析度与对应的该屏幕宽度的比值乘以各该字体大小物理值,以取得各字体大小浏览值并产生一更新网页;及一传送模块,用以将该更新网页传送给该客户端并由该客户端的浏览器解析后进行显示。
2.如权利要求1所述的动态调整字体大小的网页提供系统,其特征在于,各该字体大小浏览值系为像素、调变字体大小或浏览器预设字体大小百分比例。
3.如权利要求2所述的动态调整字体大小的网页提供系统,其特征在于,当该字体大小浏览值为像素时仅取用偶数点数值。
4.一种动态调整字体大小的网页提供方法,适用于一网页服务器中,其特征在于,包含下列步骤预先于该网络服务器建立一对应表,该对应表包含至少一屏幕解析度及与各该屏幕解析度对应的一屏幕宽度;预先于该网页服务器储存至少一网页,其中各该网页包含至少一字体大小物理值; 该网页服务器自一客户端接收一浏览请求; 该网页服务器撷取对应该浏览请求的该网页; 该网页服务器自该客户端读取该客户端所使用的该屏幕解析度; 该网页服务器读取撷取的该网页的各该字体大小物理值,并根据该客户端的该屏幕解析度查询该对应表以取得与该客户端的该屏幕解析度对应的该屏幕宽度;该网页服务器根据该客户端的该屏幕解析度的横向解析度与对应的该屏幕宽度的比值乘以各该字体大小物理值,以取得各字体大小浏览值并产生一更新网页;及该网页服务器将该更新网页传送给该客户端并由该客户端的浏览器解析后进行显示。
5.如权利要求4所述的动态调整字体大小的网页提供方法,其特征在于,各该字体大小浏览值系为像素、调变字体大小或浏览器预设字体大小百分比例。
6.如权利要求5所述的动态调整字体大小的网页提供方法,其特征在于,当该字体大小浏览值系为像素时仅取用偶数点数值。
全文摘要
本发明公开了一种动态调整字体大小的网页提供系统及其方法,其通过预先于网络服务器建立屏幕解析度及屏幕宽度的对应表,并于接收到客户端网页浏览请求时读取客户端的屏幕解析度,再根据屏幕解析度查询对应表以取得横向解析度与屏幕宽度比例再将欲浏览网页中的字体大小物理值转换为字体大小浏览值,最后由客户端的浏览器解析网页后再进行显示的技术手段,借此达成于不同显示屏幕上进行网页字体物理大小的最佳化显示的技术功效。
文档编号G06F17/30GK102436452SQ201010500470
公开日2012年5月2日 申请日期2010年9月29日 优先权日2010年9月29日
发明者赵九英, 邱全成 申请人:英业达股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1