CN106610806B - 页面信息的显示方法和装置 - Google Patents

页面信息的显示方法和装置 Download PDF

Info

Publication number
CN106610806B
CN106610806B CN201510710781.8A CN201510710781A CN106610806B CN 106610806 B CN106610806 B CN 106610806B CN 201510710781 A CN201510710781 A CN 201510710781A CN 106610806 B CN106610806 B CN 106610806B
Authority
CN
China
Prior art keywords
color
page
information
resolution
current page
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
Application number
CN201510710781.8A
Other languages
English (en)
Other versions
CN106610806A (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.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology 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 Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201510710781.8A priority Critical patent/CN106610806B/zh
Publication of CN106610806A publication Critical patent/CN106610806A/zh
Application granted granted Critical
Publication of CN106610806B publication Critical patent/CN106610806B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

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

Abstract

本发明公开了一种页面信息的显示方法和装置。其中,该显示方法包括:在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断终端的设备分辨率与当前页面的页面分辨率是否一致,其中,当前页面的页面信息中至少包括页面分辨率;若终端的设备分辨率与当前页面的页面分辨率不一致,则利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色;基于替换颜色显示当前页面的页面文本。通过本发明,解决了现有技术中应用的页面字体颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的技术问题,以提高用户的视觉体验。

Description

页面信息的显示方法和装置
技术领域
本发明涉及网页应用领域,具体而言,涉及一种页面信息的显示方法和装置。
背景技术
目前,终端设备层出不穷,不同终端的屏幕分辨率各有不同,而相同页面上字体显示颜色一般都是固定的,对于不同的屏幕分辨率相同颜色的显示效果不同,也可能该页面的字体颜色在有些分辨率下无法显示,针对不同设备分别编写相应的页面字体颜色并不现实,而且不同人对同一颜色的视觉感受也不同。
现有技术中可以通过调整屏幕分辨率达到改善页面字体显示效果的目的,但是使用该方法操作费时麻烦,而且屏幕分辨率越高,对系统和硬件设备的要求相应越高,在调整屏幕分辨率时,会影响系统性能。另外,市场上有些终端设备的分辨率并不可调。
针对现有技术中应用的页面字体颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种页面信息的显示方法和装置,以至少解决现有技术中应用的页面字体颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的技术问题。
根据本发明实施例的一个方面,提供了一种页面信息的显示方法,该显示方法包括:在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断所述终端的设备分辨率与所述当前页面的页面分辨率是否一致,其中,所述当前页面的页面信息中至少包括所述页面分辨率;若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色;基于所述替换颜色显示所述当前页面的页面文本。
进一步地,利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色包括:若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则查找所述预先设置的颜色信息中与所述设备分辨率对应的所述替换颜色;若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板,将所述调色板被操作而选中的颜色确定为所述替换颜色,其中,所述操作至少包括点击操作。
进一步地,若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板包括:若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则按照所述终端的操作系统为所述当前页面分配的颜色显示所述当前页面;在所述终端的显示所述当前页面的界面上显示提示信息,其中,所述提示信息用于提示是否进入颜色个性化设置;在确定进入所述颜色个性化设置之后,则调用所述预先设置的颜色信息中的调色板,并将所述调色板显示在所述当前页面的界面上。
进一步地,在所述终端的显示所述当前页面的界面上显示提示信息包括:在所述终端的用于显示所述当前页面的界面上生成的悬浮框中显示所述提示信息,其中,所述悬浮框中还记录有:设置确定按钮;若接收到所述设置确定按钮被点击生成的操作指令,则确定进入所述颜色个性化设置。
进一步地,在终端的浏览器接收到应用程序的当前页面的页面信息之前,所述显示方法还包括:配置所述应用程序的所述预先设置的颜色信息,其中,所述预先设置的颜色信息中至少包括web安全色,其中,所述web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
根据本发明实施例的另一个方面,还提供了一种页面信息的显示装置,该显示装置包括:判断单元,用于在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断所述终端的设备分辨率与所述当前页面的页面分辨率是否一致,其中,所述当前页面的页面信息中至少包括所述页面分辨率;确定单元,用于若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色;显示单元,用于基于所述替换颜色显示所述当前页面的页面文本。
进一步地,所述确定单元包括:查找模块,用于若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则查找所述预先设置的颜色信息中与所述设备分辨率对应的所述替换颜色;处理模块,用于若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板,将所述调色板被操作而选中的颜色确定为所述替换颜色,其中,所述操作至少包括点击操作。
进一步地,所述处理模块包括:第一显示子模块,用于若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则按照所述终端的操作系统为所述当前页面分配的颜色显示所述当前页面;第二显示子模块,用于在所述终端的显示所述当前页面的界面上显示提示信息,其中,所述提示信息用于提示是否进入颜色个性化设置;调用子模块,用于在确定进入所述颜色个性化设置之后,则调用所述预先设置的颜色信息中的调色板,并将所述调色板显示在所述当前页面的界面上。
进一步地,所述第二显示子模块包括:第三显示子模块,用于在所述终端的用于显示所述当前页面的界面上生成的悬浮框中显示所述提示信息,其中,所述悬浮框中还记录有:设置确定按钮;确定子模块,用于若接收到所述设置确定按钮被点击生成的操作指令,则确定进入所述颜色个性化设置。
进一步地,所述显示装置还包括:配置单元,用于在终端的浏览器接收到应用程序的当前页面的页面信息之前,配置所述应用程序的所述预先设置的颜色信息,其中,所述预先设置的颜色信息中至少包括web安全色,其中,所述web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
在本发明实施例中,在终端的浏览器接收到应用程序的当前页面的页面信息之后,在判断出终端的设备分辨率与当前页面的页面信息中的页面分辨率不一致的情况下,利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色,并基于替换颜色显示当前页面的页面文本。通过上述实施例,基于应用程序中预先设置的颜色信息和终端的设备分辨率确定当前页面的页面信息的显示颜色,能够自动化和智能化的得出页面信息的最佳显示效果,解决了现有技术中应用的页面字体颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的技术问题,以提高用户的视觉体验。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的终端的环境示意图;
图2是根据本发明实施例的一种页面信息的显示方法的流程图;
图3是根据本发明实施例的一种可选的页面信息的显示方法的流程图;
图4是根据本发明实施例的一种页面信息的显示装置的示意图。
具体实施方式
首先,在对本发明实施例进行描述的过程中出现的部分名词或术语适用于如下解释:
Web安全色(网页安全色):
不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大,其中,Mac(Macintosh,即苹果电脑的统称),PC(Personal computer,即个人计算机)。
选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。
Web安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
Web安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值为0、51、102、153、204、255时构成的颜色组合,它一共有6*6*6=216种颜色(其中彩色为210种,非彩色为6种)。
色彩深度:计算机图形学领域表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数,它也称为位/像素(bpp),色彩深度越高,可用的颜色就越多。
一个像素所能表达的不同颜色数取决于比特每像素(BPP)。这个最大数可以通过取二的色彩深度次幂来得到。例如,常见的取值有:
8bpp[28=256;(256色)];
16bpp[216=65536;(65,536色,称为高彩色)];
24bpp[224=16777216;(16,777,216色,称为真彩色)];
48bpp[248=281474976710656;(281,474,976,710,656色,用于很多专业的扫描仪)。
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
根据本发明实施例,提供了一种页面信息的显示方法的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
可选地,在本实施例中,上述页面信息的显示方法可以应用于如图1所示的终端10和服务器30所构成的硬件环境中,终端可以与服务器通过网络建立连接。其中,终端和服务器上均可以设置处理器。
上述网络包括但不限于:互联网、局域网和城域网。
上述的终端可以为个人电脑、移动终端、智能终端,如,该终端可以为智能手机、PDA、平板电脑等。
根据本发明实施例,提供了一种页面信息的显示方法,如图2所示,该显示方法可以包括如下步骤:
步骤S202,在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断终端的设备分辨率与当前页面的页面分辨率是否一致,其中,当前页面的页面信息中至少包括页面分辨率。
步骤S204,若终端的设备分辨率与当前页面的页面分辨率不一致,则利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色。
步骤S206,基于替换颜色显示当前页面的页面文本。
采用上述实施例,在终端的浏览器接收到应用程序的当前页面的页面信息之后,在判断出终端的设备分辨率与当前页面的页面信息中的页面分辨率不一致的情况下,利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色,并基于替换颜色显示当前页面的页面文本。通过上述实施例,基于应用程序中预先设置的颜色信息和终端的设备分辨率确定当前页面的页面信息的显示颜色,能够自动化和智能化的得出页面信息的最佳显示效果,解决了现有技术中应用的页面文本颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的问题,以提高用户的视觉体验。
可选地,上述的设备分辨率可以为设备的屏幕分辨率,其中,屏幕分辨率用于表示屏幕图像的精密度,具体而言,屏幕分辨率是指屏幕上所能显示的像素个数。由于屏幕上的点、线和面都是由像素组成的,屏幕上可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,也即,屏幕分辨率越高,显示的画面越精细。
具体地,用户在终端(可以为智能手机)的浏览器上选择打开某一应用程序,该应用程序预先设置有颜色信息,在终端的浏览器接收到该应用程序的当前页面的页面信息之后,获取该页面信息的页面分辨率,若终端的设备分辨率与该页面信息的页面分辨率不一致,则利用该应用程序的预先设置的颜色信息和终端的设备分辨率确定当前页面的页面信息的显示颜色。
可选地,在终端的浏览器接收到应用程序的当前页面的页面信息之后,若判断出终端的设备分辨率与当前页面的页面分辨率一致,则使用当前页面的默认颜色显示当前页面的页面文本。
在本发明的上述实施例中,利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色包括:若终端的设备分辨率与当前页面的页面分辨率不一致,则查找预先设置的颜色信息中与设备分辨率对应的替换颜色;若预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则调用预先设置的颜色信息中的调色板,将调色板被操作而选中的颜色确定为替换颜色,其中,操作至少包括点击操作。
具体地,可以为该应用程序预置调色板和对应常见设备分辨率的替换颜色,若终端的设备分辨率与应用程序的当前页面的页面分辨率不一致,则在应用程序的预先设置的颜色信息(该颜色信息包括上述的预置的调色板和替换颜色)中查找是否存在相应设备分辨率下的替换颜色,若在应用程序的预先设置的颜色信息中存在相应设备分辨率下的替换颜色,则直接调用该替换颜色显示应用程序的当前页面的页面信息;若在应用程序的预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则调用预先设置的颜色信息中的调色板,由用户对调色板进行点击操作并选择自己喜欢的颜色显示应用程序的当前页面的页面信息。可选地,用户点击调色板中的颜色即为选中该颜色。
通过上述实施例,可以在终端的设备分辨率与应用程序的当前页面的页面分辨率不一致时,利用预先设置的应用程序的替换颜色和调色板确定当前页面的页面信息的显示颜色,从而达到智能调节页面字体颜色显示效果的目的,使得页面字体颜色显示效果最佳,以提高用户的视觉体验。
在本发明的上述实施例中,若预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则调用预先设置的颜色信息中的调色板包括:若预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则按照终端的操作系统为当前页面分配的颜色显示当前页面;在终端的显示当前页面的界面上显示提示信息,其中,提示信息用于提示是否进入颜色个性化设置;在确定进入颜色个性化设置之后,则调用预先设置的颜色信息中的调色板,并将调色板显示在当前页面的界面上。
具体地,在终端的显示当前页面的界面上显示提示信息包括:在终端的用于显示当前页面的界面上生成的悬浮框中显示提示信息,其中,悬浮框中还记录有:设置确定按钮;若接收到设置确定按钮被点击生成的操作指令,则确定进入颜色个性化设置。
具体地,在预先设置的颜色信息中不存在与设备分辨率对应的替换颜色的情况下,则按照终端的操作系统为当前页面分配的颜色显示当前页面,同时在终端的浏览器上显示的当前页面的界面上生成一个悬浮框,在生成的悬浮框中显示提示信息,此提示信息表明当前页面的页面信息的显示效果不是最佳效果,并且提示用户是否进入颜色个性化设置。需要说明的是,悬浮框中记录的设置确定按钮用于确定是否进入颜色个性化设置,用户可以通过点击该设置确定按钮,进入颜色个性化设置。
在进入颜色个性化设置之后,调用预先设置的颜色信息中的调色板,并将调色板显示在浏览器的当前页面的界面上,用户通过点击调色板中的颜色块选择自己喜欢的颜色设置文本显示颜色,在设置完成后可以点击调色板上的“确定”按钮,保存该颜色设置信息,并退出颜色个性化设置界面,终端的操作系统可以基于用户设置的文本显示颜色显示当前页面。
通过上述实施例,用户可以通过颜色个性化设置,选择自己喜欢的颜色显示当前页面的页面文本,从而可以根据用户喜好智能调节页面文本颜色,并使得显示效果最佳。
在本发明的上述实施例中,在终端的浏览器接收到应用程序的当前页面的页面信息之前,显示方法还包括:配置应用程序的预先设置的颜色信息,其中,预先设置的颜色信息中至少包括web安全色,其中,web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
具体地,在终端的浏览器接收到应用程序的当前页面的页面信息之前,配置应用程序的预先设置的颜色信息,预先设置的颜色信息可以包括对应用程序配置的几种常见的分辨率下文本显示的替换颜色信息,预先设置的颜色信息还可以包括调色板,该调色板由web安全色组成。可选地,预先设置的颜色信息还可以包括色谱,色谱也是由web安全色组成的。其中,web安全色(即网页安全色)是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合,也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
通过上述实施例,配置应用程序的预先设置的颜色信息,在终端的浏览器接收到应用程序的当前页面的页面信息之后,利用预先设置的颜色信息和设备分辨率确定显示当前页面的页面文本的颜色,从而实现通过智能调节页面文本颜色,使其显示效果达到最佳的目的。
下面结合图3详述本发明实施例,该实施例可以通过如下步骤实现:
步骤S301,终端的浏览器接收到应用程序的当前页面的页面信息。
可选地,终端的浏览器可以在发起浏览请求之后,获取服务器响应的应用程序的当前页面的页面信息。
在该实施例进行的显示处理之前,可以预先配置应用程序的颜色信息,该预先设置的颜色信息中可以包括web安全色和替换颜色。
步骤S302,判断终端的设备分辨率与当前页面的页面分辨率是否一致,其中,当前页面的页面信息中至少包括页面分辨率。
若判断出终端的设备分辨率与当前页面的页面分辨率一致,则执行步骤S303;若终端的设备分辨率与当前页面的页面分辨率不一致,则执行S304。
步骤S303,基于应用程序的当前页面的默认颜色显示当前页面的页面文本。
步骤S304,在应用程序的预先设置的颜色信息中查找是否存在相应设备分辨率下的替换颜色。
若应用程序的预先设置的颜色信息中存在相应设备分辨率下的替换颜色,则执行步骤S305;若应用程序的预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则执行步骤S306。
步骤S305,直接调用相应设备分辨率下的替换颜色显示应用程序的当前页面的页面信息。
步骤S306,按照终端的操作系统为当前页面分配的颜色显示当前页面。
步骤S307,在终端的用于显示当前页面的界面上生成的悬浮框中显示提示信息,其中,悬浮框中还记录有:设置确定按钮。
步骤S308,若接收到设置确定按钮被点击生成的操作指令,则确定进入颜色个性化设置。
步骤S309,在确定进入颜色个性化设置之后,则调用预先设置的颜色信息中的调色板,并将调色板显示在当前页面的界面上。
步骤S310,用户对调色板进行操作并选择自己喜欢的颜色显示应用程序的当前页面的页面信息。
在一种可选的应用场景中,在PC(Personal computer,即个人电脑)上的IE(Internet Explorer)浏览器上显示淘宝应用程序的首页页面信息,首先预先配置淘宝应用程序的颜色信息,预先配置的淘宝应用程序的颜色信息包括常见的几种分辨率下字体显示的替换颜色和调色板。在IE浏览器接收到淘宝应用程序的首页的页面信息之后,判断PC的设备分辨率与淘宝应用程序的首页的页面信息中的页面分辨率是否一致,若判断出一致,则基于淘宝应用程序的首页页面的默认颜色显示首页的页面信息,若判断出不一致,则在预先配置的淘宝应用程序的颜色信息中查找是否存在与PC的设备分辨率对应的替换颜色,若存在相应PC的设备分辨率下的替换颜色,则直接调用该替换颜色显示淘宝应用程序的首页信息。若不存在与设备分辨率对应的替换颜色,则按照PC的操作系统为淘宝应用程序的首页分配的颜色显示首页页面,同时,在PC的显示淘宝应用程序的首页的界面上生成一个悬浮框,在生成的悬浮框中显示提示信息,此提示信息表明淘宝应用程序的首页页面信息的显示效果不是最佳效果,并且提示用户是否进入颜色个性化设置。用户对悬浮框中设置的确定按钮进行点击操作,则进入颜色个性化设置,然后调用预先设置的颜色信息中的调色板,并将调色板显示在淘宝应用程序的首页页面的界面上,用户通过点击调色板中的颜色块选择自己喜欢的颜色设置字体显示颜色,在设置完成后点击调色板上的“确定”按钮,保存该颜色设置信息,并退出颜色个性化设置界面,最后淘宝应用程序的首页信息基于用户设置的字体显示颜色进行显示,达到页面字体颜色的最佳显示效果。
通过上述实施例,基于应用程序的预先设置的颜色信息和终端的设备分辨率确定显示当前页面的页面文本的颜色,能够自动化和智能化的得出页面信息的最佳显示效果,解决了现有技术中应用的页面文本颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的问题,以提高用户的视觉体验。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
实施例2
根据本发明实施例,还提供了一种用于实施上述页面信息的显示装置,如图4所示,该显示装置包括:判断单元20、确定单元40及显示单元60。
其中,判断单元20,用于在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断终端的设备分辨率与当前页面的页面分辨率是否一致,其中,当前页面的页面信息中至少包括页面分辨率。
确定单元40,用于若终端的设备分辨率与当前页面的页面分辨率不一致,则利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色。
显示单元60,用于基于替换颜色显示当前页面的页面文本。
采用上述实施例,在终端的浏览器接收到应用程序的当前页面的页面信息之后,利用判断单元在判断出终端的设备分辨率与当前页面的页面信息中的页面分辨率不一致的情况下,通过确定单元利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色,并基于替换颜色显示当前页面的页面文本。通过上述实施例,基于应用程序中预先设置的颜色信息和终端的设备分辨率确定当前页面的页面信息的显示颜色,能够自动化和智能化的得出页面信息的最佳显示效果,解决了现有技术中应用的页面文本颜色在设备分辨率与页面分辨率不匹配的终端上的显示效果差的问题,以提高用户的视觉体验。
可选地,上述的设备分辨率可以为设备的屏幕分辨率,其中,屏幕分辨率用于表示屏幕图像的精密度,具体而言,屏幕分辨率是指屏幕上所能显示的像素个数。由于屏幕上的点、线和面都是由像素组成的,屏幕上可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,也即,屏幕分辨率越高,显示的画面越精细。
具体地,用户在终端(可以为智能手机)的浏览器上选择打开某一应用程序,该应用程序预先设置有颜色信息,在终端的浏览器接收到该应用程序的当前页面的页面信息之后,获取该页面信息的页面分辨率,若终端的设备分辨率与该页面信息的页面分辨率不一致,则利用该应用程序的预先设置的颜色信息和终端的设备分辨率确定显示当前页面的页面文本的颜色。
可选地,在终端的浏览器接收到应用程序的当前页面的页面信息之后,若判断出终端的设备分辨率与当前页面的页面分辨率一致,则使用当前页面的默认颜色显示当前页面的页面文本。
在本发明的上述实施例中,确定单元包括:查找模块,用于若终端的设备分辨率与当前页面的页面分辨率不一致,则查找预先设置的颜色信息中与设备分辨率对应的替换颜色;处理模块,用于若预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则调用预先设置的颜色信息中的调色板,将调色板被操作而选中的颜色确定为替换颜色,其中,操作至少包括点击操作。
具体地,可以为该应用程序预置调色板和对应常见设备分辨率的替换颜色,若终端的设备分辨率与应用程序的当前页面的页面分辨率不一致,则利用查找模块在应用程序的预先设置的颜色信息中查找是否存在相应设备分辨率下的替换颜色,若在应用程序的预先设置的颜色信息(该颜色信息包括上述的预置的调色板和替换颜色)中存在相应设备分辨率下的替换颜色,则直接调用该替换颜色显示应用程序的当前页面的页面信息;若在应用程序的预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则通过处理模块调用预先设置的颜色信息中的调色板,由用户对调色板进行点击操作并选择自己喜欢的颜色显示应用程序的当前页面的页面信息。可选地,用户点击调色板中的颜色即为选中该颜色。
通过上述实施例,可以在终端的设备分辨率与应用程序的当前页面的页面分辨率不一致时,利用预先设置的应用程序的替换颜色和调色板确定当前页面的页面信息的显示颜色,从而达到智能调节页面文本颜色显示效果的目的,使得页面文本颜色显示效果最佳,以提高用户的视觉体验。
在本发明的上述实施例中,处理模块包括:第一显示子模块,用于若预先设置的颜色信息中不存在与设备分辨率对应的替换颜色,则按照终端的操作系统为当前页面分配的颜色显示当前页面;第二显示子模块,用于在终端的显示当前页面的界面上显示提示信息,其中,提示信息用于提示是否进入颜色个性化设置;调用子模块,用于在确定进入颜色个性化设置之后,则调用预先设置的颜色信息中的调色板,并将调色板显示在当前页面的界面上。
具体地,第二显示子模块包括:第三显示子模块,用于在终端的用于显示当前页面的界面上生成的悬浮框中显示提示信息,其中,悬浮框中还记录有:设置确定按钮;确定子模块,用于若接收到设置确定按钮被点击生成的操作指令,则确定进入颜色个性化设置。
具体地,在预先设置的颜色信息中不存在与设备分辨率对应的替换颜色的情况下,则利用第一显示子模块按照终端的操作系统为当前页面分配的颜色显示当前页面,同时通过第三显示子模块在终端的浏览器上显示当前页面的界面上生成一个悬浮框,在生成的悬浮框中显示提示信息,此提示信息表明当前页面的页面信息的显示效果不是最佳效果,并且提示用户是否进入颜色个性化设置。需要说明的是,悬浮框中记录的设置确定按钮用于确定是否进入颜色个性化设置,用户可以通过点击该设置确定按钮,进入颜色个性化设置。
在进入颜色个性化设置之后,通过调用子模块调用预先设置的颜色信息中的调色板,并将调色板显示在浏览器的当前页面的界面上,用户通过点击调色板中的颜色块选择自己喜欢的颜色设置文本显示颜色,在设置完成后可以点击调色板上的“确定”按钮,保存该颜色设置信息,并退出颜色个性化设置界面,终端的操作系统可以基于用户设置的文本显示颜色显示当前页面。
通过上述实施例,用户可以通过颜色个性化设置,选择自己喜欢的颜色显示当前页面的页面文本,从而可以根据用户喜好智能调节页面文本颜色,并使得显示效果最佳。
在本发明的上述实施例中,显示装置还包括:配置单元,用于在终端的浏览器接收到应用程序的当前页面的页面信息之前,配置应用程序的预先设置的颜色信息,其中,预先设置的颜色信息中至少包括web安全色,其中,web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
具体地,在终端的浏览器接收到应用程序的当前页面的页面信息之前,通过配置单元配置应用程序的预先设置的颜色信息,预先设置的颜色信息可以包括对应用程序配置的几种常见的分辨率下文本显示的替换颜色信息,预先设置的颜色信息还可以包括调色板,该调色板由web安全色组成。可选地,预先设置的颜色信息还可以包括色谱,色谱也是由web安全色组成的。其中,web安全色(即网页安全色)是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合,也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
通过上述实施例,配置应用程序的预先设置的颜色信息,在终端的浏览器接收到应用程序的当前页面的页面信息之后,利用预先设置的颜色信息和设备分辨率确定显示当前页面的页面文本的颜色,从而实现通过智能调节页面文本颜色,使其显示效果达到最佳的目的。
所述页面信息的显示装置包括处理器和存储器,上述判断单元、确定单元、显示单元和配置单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元。上述第一预设规则、第二预设规则都可以存储在存储器中。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数解析文本内容。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本申请还提供了一种计算机程序产品的实施例,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断终端的设备分辨率与当前页面的页面分辨率是否一致,其中,当前页面的页面信息中至少包括页面分辨率;若终端的设备分辨率与当前页面的页面分辨率不一致,则利用应用程序的预先设置的颜色信息和设备分辨率确定替换颜色;基于替换颜色显示当前页面的页面文本。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。

Claims (8)

1.一种页面信息的显示方法,其特征在于,包括:
在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断所述终端的设备分辨率与所述当前页面的页面分辨率是否一致,其中,所述当前页面的页面信息中至少包括所述页面分辨率;
若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色,其中,所述预先设置的颜色信息包括以下至少之一:调色板、色谱、web安全色;
基于所述替换颜色显示所述当前页面的页面文本;
其中,利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色包括:若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则查找所述预先设置的颜色信息中与所述设备分辨率对应的所述替换颜色;若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板,将所述调色板被操作而选中的颜色确定为所述替换颜色,其中,所述操作至少包括点击操作。
2.根据权利要求1所述的显示方法,其特征在于,若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板包括:
若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则按照所述终端的操作系统为所述当前页面分配的颜色显示所述当前页面;
在所述终端的显示所述当前页面的界面上显示提示信息,其中,所述提示信息用于提示是否进入颜色个性化设置;
在确定进入所述颜色个性化设置之后,则调用所述预先设置的颜色信息中的调色板,并将所述调色板显示在所述当前页面的界面上。
3.根据权利要求2所述的显示方法,其特征在于,在所述终端的显示所述当前页面的界面上显示提示信息包括:
在所述终端的用于显示所述当前页面的界面上生成的悬浮框中显示所述提示信息,其中,所述悬浮框中还记录有:设置确定按钮;
若接收到所述设置确定按钮被点击生成的操作指令,则确定进入所述颜色个性化设置。
4.根据权利要求1至3中任意一项所述的显示方法,其特征在于,在终端的浏览器接收到应用程序的当前页面的页面信息之前,所述显示方法还包括:
配置所述应用程序的所述预先设置的颜色信息,其中,所述预先设置的颜色信息中至少包括web安全色,其中,所述web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
5.一种页面信息的显示装置,其特征在于,包括:
判断单元,用于在终端的浏览器接收到应用程序的当前页面的页面信息之后,判断所述终端的设备分辨率与所述当前页面的页面分辨率是否一致,其中,所述当前页面的页面信息中至少包括所述页面分辨率;
确定单元,用于若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则利用所述应用程序的预先设置的颜色信息和所述设备分辨率确定替换颜色,其中,所述预先设置的颜色信息包括以下至少之一:调色板、色谱、web安全色;
显示单元,用于基于所述替换颜色显示所述当前页面的页面文本;
其中,所述确定单元包括:查找模块,用于若所述终端的设备分辨率与所述当前页面的页面分辨率不一致,则查找所述预先设置的颜色信息中与所述设备分辨率对应的所述替换颜色;处理模块,用于若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则调用所述预先设置的颜色信息中的调色板,将所述调色板被操作而选中的颜色确定为所述替换颜色,其中,所述操作至少包括点击操作。
6.根据权利要求5所述的显示装置,其特征在于,所述处理模块包括:
第一显示子模块,用于若所述预先设置的颜色信息中不存在与所述设备分辨率对应的所述替换颜色,则按照所述终端的操作系统为所述当前页面分配的颜色显示所述当前页面;
第二显示子模块,用于在所述终端的显示所述当前页面的界面上显示提示信息,其中,所述提示信息用于提示是否进入颜色个性化设置;
调用子模块,用于在确定进入所述颜色个性化设置之后,则调用所述预先设置的颜色信息中的调色板,并将所述调色板显示在所述当前页面的界面上。
7.根据权利要求6所述的显示装置,其特征在于,所述第二显示子模块包括:
第三显示子模块,用于在所述终端的用于显示所述当前页面的界面上生成的悬浮框中显示所述提示信息,其中,所述悬浮框中还记录有:设置确定按钮;
确定子模块,用于若接收到所述设置确定按钮被点击生成的操作指令,则确定进入所述颜色个性化设置。
8.根据权利要求5至7中任意一项所述的显示装置,其特征在于,所述显示装置还包括:
配置单元,用于在终端的浏览器接收到应用程序的当前页面的页面信息之前,配置所述应用程序的所述预先设置的颜色信息,其中,所述预先设置的颜色信息中至少包括web安全色,其中,所述web安全色包括在不同的终端设备上显示效果一致的颜色的信息。
CN201510710781.8A 2015-10-27 2015-10-27 页面信息的显示方法和装置 Active CN106610806B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510710781.8A CN106610806B (zh) 2015-10-27 2015-10-27 页面信息的显示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510710781.8A CN106610806B (zh) 2015-10-27 2015-10-27 页面信息的显示方法和装置

Publications (2)

Publication Number Publication Date
CN106610806A CN106610806A (zh) 2017-05-03
CN106610806B true CN106610806B (zh) 2020-02-07

Family

ID=58614338

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510710781.8A Active CN106610806B (zh) 2015-10-27 2015-10-27 页面信息的显示方法和装置

Country Status (1)

Country Link
CN (1) CN106610806B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109408017A (zh) * 2018-10-09 2019-03-01 东软集团股份有限公司 图像投射方法、装置、终端设备及计算机可读存储介质
CN112199619B (zh) * 2020-10-30 2024-03-22 杭州安恒信息技术股份有限公司 一种页面颜色调整方法、装置、设备及可读存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090031003A1 (en) * 2007-07-26 2009-01-29 International Business Machines Corporation Color Coding Web Site Presentation
CN101742136B (zh) * 2008-11-18 2012-05-23 中兴通讯股份有限公司 一种基于多媒体终端的自适应显示方法
CN101833586A (zh) * 2010-05-26 2010-09-15 卓望数码技术(深圳)有限公司 一种html小屏幕自适应排版方法及排版服务器
CN102655519A (zh) * 2011-03-04 2012-09-05 腾讯科技(北京)有限公司 网络页面信息的处理方法和装置
US20130162625A1 (en) * 2011-12-23 2013-06-27 Michael L. Schmit Displayed Image Improvement
CN103793216B (zh) * 2012-10-31 2017-02-08 郑州月太软件有限公司 一种所见即所得式的线上网站建设方法

Also Published As

Publication number Publication date
CN106610806A (zh) 2017-05-03

Similar Documents

Publication Publication Date Title
US10467776B2 (en) Information processing method and apparatus, terminal, and storage medium
US10237622B2 (en) Page turning method, page turning apparatus and terminal as well as computer readable medium
CN101937428B (zh) 移动终端设备的带文字内容的图片的重新排版方法及系统
CN111190558A (zh) 投屏控制方法、装置、计算机可读存储介质和计算机设备
US10437420B2 (en) Method and apparatus for setting background picture of unlocking interface of application, and electronic device
CN101431484A (zh) 一种传送消息的方法和装置
US9483853B2 (en) Systems and methods to display rendered images
CN103974257A (zh) 接入点的接入方法及相关设备
CN103425452A (zh) 一种用于移动终端的多图层叠加显示方法及其装置
CN105392103A (zh) 信息处理装置及信息处理装置的控制方法
CN105959724A (zh) 一种视频数据处理方法以及装置
US20220139296A1 (en) Image information processing method, electronic device and storage medium
CN104461614A (zh) 一种主题资源的处理方法及电子设备
CN106610806B (zh) 页面信息的显示方法和装置
CN111090384B (zh) 软键盘的显示方法及装置
CN109543168A (zh) 房产海报的待分享者信息添加方法、服务器以及存储介质
CN105389308B (zh) 网页的显示处理方法及装置
CN103488745A (zh) 获取信息的方法及终端
CN108228284B (zh) 一种窗口显示方法及终端
CN105677155A (zh) 智能终端应用图标的设定方法及系统
CN107688572B (zh) 一种页面显示方法及终端
CN108614844B (zh) 多媒体文件生成方法及装置
CN104808998A (zh) 显示全局控件的方法、装置及移动终端
CN114690996A (zh) 内容显示方法、装置以及电子设备
CN113837181A (zh) 一种筛选方法、装置、计算机设备及计算机可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Applicant after: Beijing Guoshuang Technology Co.,Ltd.

Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant