CN105022734B - 一种背景色设置方法及装置 - Google Patents
一种背景色设置方法及装置 Download PDFInfo
- Publication number
- CN105022734B CN105022734B CN201410156178.5A CN201410156178A CN105022734B CN 105022734 B CN105022734 B CN 105022734B CN 201410156178 A CN201410156178 A CN 201410156178A CN 105022734 B CN105022734 B CN 105022734B
- Authority
- CN
- China
- Prior art keywords
- background color
- container
- webpage
- specified
- setting
- 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
Images
Abstract
本发明涉及一种背景色设置方法,包括以下步骤:当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色;调用该浏览器内核对该指定网页进行渲染;当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。本发明还提供一种背景色设置装置。利用本发明可以降低网页渲染及浏览过程中终端的像素填充率,从而提高终端中用于显示网页的应用程序运行的流畅性,降低该终端的发热量,并延长该终端的使用时间。
Description
技术领域
本发明具体实施例涉及网页渲染技术领域,特别涉及一种在网页渲染过程中的背景色设置方法及装置。
背景技术
目前,许多运行于终端的应用程序,例如微信、QQ、电子邮件客户端等都可以实现网页浏览的功能。这些应用程序可以调用自带的或系统配置的浏览器内核对所接收到的网页进行渲染,从而将网页显示出来供用户浏览。该浏览器内核在渲染网页的过程中,需要将待渲染的网页加载到该浏览器内核所挂载的容器中,才能将该网页显示出来。
为了在网页渲染及浏览过程中保持页面色调的一致性,应用程序通常需要预先设置该浏览器内核所挂载的容器的背景色。该容器的背景色决定了在网页渲染的阶段,即从开始渲染网页到网页渲染完毕的过程中,该应用程序呈现的过渡界面的颜色。若不设置该容器的背景色,则所述过渡界面将会呈现终端的操作系统的背景色。
例如,假设网页的背景色为白色,该操作系统的背景色为黑色。若应用程序未设置该容器的背景色,则在网页渲染的阶段,该应用程序呈现的过渡界面为黑色。在网页渲染完毕后,该应用程序才呈现背景色为白色的网页页面。换句话说,相当于该应用程序从自身界面跳转到一个白色背景的网页页面的过程中,或者从一个白色背景的网页页面跳转到另一个白色背景的网页页面的过程中,该应用程序的界面将出现“闪黑”效果,对用户而言显然视觉效果不佳。
若应用程序将该容器的背景色设置为与网页的背景色一致,即白色,则在网页渲染的阶段,该应用程序呈现的过渡界面为白色。在网页渲染完毕后,该应用程序将呈现出白色背景的网页页面。由于所述过渡界面和网页的背景色保持为白色,在从过渡界面跳转到网页页面的过程中,用户不会感觉背景色变化突兀,因而视觉效果更佳。
然而,若应用程序预先设置该容器的背景色,并一直保持该容器的背景色设置,则终端中的GPU(Graphic Processing Unit,图形处理单元)在浏览器内核对网页的渲染过程中,以及渲染完毕后的网页浏览过程中,需要不断响应该容器的背景色进行像素渲染。因此,现有的对该容器的背景色的设置方法将会提高终端的像素填充率,即该GPU在每秒内所渲染的像素数量,从而降低所述应用程序运行的流畅性,同时还会增加终端的发热量,缩短终端的使用时间。
发明内容
有鉴于此,有必要提供一种背景色设置方法及装置,可以降低网页渲染及浏览过程中终端的像素填充率,从而提高终端中用于显示网页的应用程序运行的流畅性,降低该终端的发热量,并延长该终端的使用时间。
一种背景色设置方法,包括以下步骤:当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色;调用该浏览器内核对该指定网页进行渲染;当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。
一种背景色设置装置,包括:第一设置模块,用于当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色;调用模块,用于调用该浏览器内核对该指定网页进行渲染;第一清除模块,用于当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。
相较于现有技术,本发明背景色设置方法及装置,当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色,然后调用该浏览器内核对该指定网页进行渲染;当浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置。通过动态地设置该容器的背景色,本发明可以降低网页渲染及浏览过程中终端的像素填充率,从而提高终端中用于显示网页的应用程序运行的流畅性,降低该终端的发热量,并延长该终端的使用时间。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
图1为一种终端的结构框图。
图2为本发明实施例提供的背景色设置方法应用时的环境示意图。
图3为本发明第一实施例提供的背景色设置方法的流程图。
图4为本发明第二实施例提供的背景色设置方法的流程图。
图5为本发明第三实施例提供的背景色设置方法的流程图。
图6和图7为指定网页与用于挂载浏览器内核的容器的可视化区域的位置关系示例图。
图8为本发明第四实施例提供的背景色设置装置的框图。
图9为本发明第五实施例提供的背景色设置装置的框图。
图10为本发明第六实施例提供的背景色设置装置的框图。
具体实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、特征及其功效,详细说明如后。
图1示出了一种终端1的结构框图。如图1所示,该终端1包括一个或多个(图中仅示出一个)存储器11、处理器12、存储控制器13、外设接口14、通信模块15、输入单元16及显示单元17。这些组件通过一条或多条通讯总线/信号线相互通讯。
本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对终端1的结构造成限定。例如,终端1还可包括比图1所示更多或者更少的组件,或者具有与图1所示不同的配置。图1所示的各组件可以采用硬件、软件或其组合实现。
存储器11可用于存储软件程序以及模块,如本发明实施例中的背景色设置方法及装置对应的程序指令/模块,处理器12通过运行存储在存储器11内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的背景色设置方法。
存储器11可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器11可进一步包括相对于处理器12远程设置的存储器,这些远程设置的存储器可以通过网络连接至终端1。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器12以及其他可能的组件对存储器11的访问可在存储控制器13的控制下进行。
外设接口14将各种输入/输出装置耦合至处理器12以及存储器11。处理器12运行存储器11内的各种软件、指令以及执行终端1的各种功能以及进行数据处理。
通信模块15用于与通信网络或者其他设备进行通信。具体地,通信模块15例如可以是网卡151或RF(Radio Frequency,射频)模块152。网卡151作为局域网中连接计算机和传输介质的接口,用于实现与局域网传输介质之间的物理连接与电信号匹配,从而建立局域网并连接到因特网(Internet),与各种网络如局域网、城域网、广域网进行通信。网卡151可包括各种现有的用于执行上述功能的电路元件,例如处理器和存储器(包括ROM和RAM)等。RF模块152用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通信网络或者其他设备进行通信。RF模块152可包括各种现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。RF模块152可与各种网络如互联网、企业内部网、无线网络进行通信或者通过无线网络与其他设备进行通信。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术,包括但并不限于全球移动通信系统(Global System for Mobile Communication,GSM)、增强型移动通信技术(Enhanced DataGSM Environment,EDGE),宽带码分多址技术(wideband code division multipleaccess,W-CDMA),码分多址技术(Code division access,CDMA)、时分多址技术(timedivision multiple access,TDMA),无线保真技术(Wireless,Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a,IEEE802.11b,IEEE802.11g和/或IEEE802.11n)、网络电话(Voice over internet protocal,VoIP)、全球微波互联接入(WorldwideInteroperability for Microwave Access,Wi-Max)、其他用于邮件、即时通信及短消息的协议,以及任何其他合适的通信协议,甚至可包括那些当前仍未被开发出来的协议。
输入单元16可用于接收输入的字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元16可包括按键161以及触控表面162。按键161例如可包括用于输入字符的字符按键,以及用于触发控制功能的控制按键。控制按键的实例包括“返回主屏”按键、开机/关机按键、拍照键等等。触控表面162可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控表面162上或在触控表面162附近的操作),并根据预先设定的程序驱动相应的连接装置。可选的,触控表面162可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器12,并能接收处理器12发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控表面162。除了触控表面162,输入单元16还可以包括其他输入设备。上述的其他输入设备包括但不限于物理键盘、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元17用于显示由用户输入的信息、提供给用户的信息以及终端1的各种图形接口。这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。在一个实例中,显示单元17包括一个显示面板171。该显示面板171例如可为一个液晶显示面板(LiquidCrystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode Display,OLED)显示面板、电泳显示面板(Electro-Phoretic Display,EPD)等。进一步地,触控表面162可设置于显示面板171上从而与显示面板171构成一个整体。
参阅图2所示,为本发明实施例提供的背景色设置方法应用时的环境示意图。在本实施例中,该背景色设置方法应用于上述终端1中,该终端1通过网络2与服务器3进行网络通信。该终端1的具体实例包括但不限于台式计算机、便携式计算机、智能手机、平板电脑、PDA(Personal Digital Assistant,个人数字助理)或者其他类似的运算装置。该服务器3可以包括一台或多台服务器,当然该服务器3也可以是虚拟云计算模组。该网络2可为任意的网络连接方式,例如互联网(Internet)、移动互联网(如电信运营商提供的2G、3G网络)、局域网(有线或者无线)等。
第一实施例
参阅图3所示,本发明第一实施例提供一种背景色设置方法,该背景色设置方法包括以下步骤:
步骤S1,当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色;
步骤S2,调用该浏览器内核对该指定网页进行渲染;
步骤S3,当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。
按照上述的背景色设置方法,当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色,然后调用该浏览器内核对该指定网页进行渲染;当浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置。通过动态地设置该容器的背景色,可以降低网页渲染及浏览过程中终端1的像素填充率,从而提高终端1中用于显示网页的应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
在一些实例中,上述方法的各步骤的实现细节如下:
步骤S1所述的对指定网页的渲染请求来自所述服务器3。该服务器3通过响应终端1发送的网页获取请求生成该对指定网页的渲染请求。该网页获取请求由终端1中可以实现网页浏览功能的应用程序生成并发送至服务器3。该应用程序例如可以为网页浏览器、微信、QQ、电子邮件客户端等。该网页获取请求用于向服务器3请求获取所述指定网页的网页数据。该对指定网页的渲染请求则包括该指定网页的网页数据。该网页数据中包括待渲染的各种信息,例如待渲染的文字,以及待渲染的图片和视频的链接地址等。
具体而言,该应用程序将根据用户的操作生成该网页获取请求。例如,当用户在该应用程序的地址栏中输入该指定网页的网址并确认访问时,或用户在该应用程序的界面中选择该指定网页的链接时,或用户对该应用程序的界面进行滑动操作从而使该应用程序的界面从另一个网页切换到该指定网页时,该应用程序将向服务器3发出所述网页获取请求。服务器3接收到该网页获取请求后,获取所述指定网页的网页数据,并将该网页数据嵌入该对指定网页的渲染请求中,然后将该对指定网页的渲染请求发送至终端1。
步骤S1在接收到该对指定网页的渲染请求后,将终端1中用于挂载浏览器内核的容器的背景色设置为目标色。该浏览器内核用于根据对指定网页的渲染请求中的网页数据对指定网页进行渲染,从而使该指定网页以可视化的方式呈现在应用程序中供用户浏览。该浏览器内核可以是终端1的操作系统配置的浏览器内核,也可以是该应用程序自带的浏览器内核。
浏览器内核在渲染指定网页的过程中,需要将指定网页加载到所述容器中,才能将该网页显示出来。所述容器的背景色决定了在指定网页的渲染阶段,即从开始渲染指定网页到指定网页渲染完毕的过程中,该应用程序呈现的过渡界面的颜色。若不设置该容器的背景色,则所述过渡界面将会呈现终端1的操作系统的背景色,例如黑色。
具体而言,为了保持应用程序从该过渡界面跳转到渲染完毕后的网页页面的过程中色调的一致性,即使该过渡界面的颜色与该网页页面的背景色一致,例如同为白色,以免使用户产生颜色变化突兀的视觉效果,步骤S1在接收到该对指定网页的渲染请求后,可以先从该对指定网页的渲染请求中读取所述网页数据,并从该网页数据中查询到该指定网页的背景色,然后将该指定网页的背景色定义为所述目标色。例如若该指定网页的背景色为白色,则将白色定义为该目标色。步骤S1查询指定网页背景色的方法可以是从所述网页数据中的body标签中获取该指定网页的背景色设置。定义该目标色后,步骤S1可以将所述容器的背景色设置为该目标色。
步骤S2调用该浏览器内核对该指定网页进行渲染,具体而言,浏览器内核对该指定网页的渲染过程可以包括:获取网页数据,例如HTML(HyperText Markup Language,超文本标记语言)、XML(Extensible Markup Language,可扩展标记语言)、PDF(PortableDocument Format,便携文档格式)、image(图像)等格式的数据;整理信息,例如加入CSS(Cascading Style Sheets,层叠样式表)等;以及计算指定网页的显示方式,然后将指定网页输出显示。
浏览器内核在渲染指定网页的过程中,需要将指定网页加载到所述容器中,才能将该指定网页显示出来。若应用程序当前已显示有一个已渲染网页,即浏览器内核已将该已渲染网页加载至所述容器中,则浏览器内核在渲染所述指定网页时,需要将该容器中的已渲染网页移除,然后将该指定网页加载至该容器中。将该容器中已渲染网页移除的时机为浏览器内核开始渲染该指定网页时。在浏览器内核渲染指定网页的过程中,应用程序呈现的所述过渡界面的颜色为该容器的背景色,即所述目标色。
当浏览器内核对该指定网页渲染完毕时,将发出渲染完毕的通知。步骤S3接收到该渲染完毕的通知后,将清除所述容器的背景色设置。在本实施例中,步骤S3清除所述容器的背景色设置的方法可以为将该容器的背景色设置为空值。
综上所述,本实施例的背景色设置方法,在浏览器内核开始渲染指定网页时,将用于挂载浏览器内核的容器的背景色设置为目标色,当浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置,使应用程序的过渡界面在指定网页的渲染过程中呈现该目标色。通过动态地设置该容器的背景色,可以使终端1的GPU(Graphic ProcessingUnit,图形处理单元)只需要在浏览器内核渲染指定网页的过程中,响应该容器的背景色进行像素渲染。而当该指定网页渲染完毕呈现给用户浏览时,该GPU无需再响应该容器的背景色进行像素渲染,从而可以降低终端1的像素填充率,提高应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
第二实施例
根据第一实施例提供的背景色设置方法,当接收到对指定网页的渲染请求时,就将用于挂载浏览器内核的容器的背景色设置为目标色,待浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置。该容器的背景色决定了在指定网页的渲染阶段,即从开始渲染指定网页到指定网页渲染完毕的过程中,该应用程序呈现的过渡界面的颜色。因此,第一实施例提供的背景色设置方法可以在降低终端1的像素填充率的情况下,使应用程序的过渡界面呈现所述目标色。若不设置该容器的背景色,则所述过渡界面将会呈现终端1的操作系统的背景色。
然而,若终端1的操作系统的背景色与所述目标色一致,在指定网页的渲染过程中,即使并未设置该容器的背景色,应用程序的过渡界面依然会呈现该目标色。因此,在终端1的操作系统的背景色与该目标色一致的情况下,如果依然设置所述容器的背景色,则会增加不必要的设置操作,从而降低指定网页的渲染效率。
为了进一步解决上述问题,参阅图4所示,本发明第二实施例提供一种背景色设置方法,其相较于第一实施例的背景色设置方法,所述步骤S1包括:
步骤S1.1,当接收到对指定网页的渲染请求时,查询终端1的操作系统的背景色。步骤S1.1可以通过读取操作系统的背景色设置来查询操作系统的背景色。例如,假设该操作系统为WP(Windows Phone,微软发布的一款手机操作系统),该WP的背景色通常为白色或黑色,则可以通过命令:Application.Current.Resources["PhoneDarkThemeVisibility"]读取WP的背景色设置,如果该命令的结果为Visibility.Visible,则判断WP的背景色为黑色,若该命令的结果不为Visibility.Visible,则判断WP的背景色为白色。
步骤S1.2,判断该操作系统的背景色是否被设置为所述目标色,若否,则将用于挂载浏览器内核的容器的背景色设置为目标色。
综上所述,本实施例提供的背景色设置方法,只有在操作系统的背景色与所述目标色不一致的情况下,才在指定网页的渲染过程中将所述容器的背景色设置为所述目标色。而在操作系统的背景色与目标色一致的情况下,无需设置所述容器的背景色,因此可以提升指定网页的渲染效率,提高应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
第三实施例
在用户对指定网页的浏览过程中,当用户通过例如拖拽等操作使指定网页滑动到边界处,例如指定网页的最顶端、最底端、最左端或最右端时,如果用户还进一步操作使指定网页的边界继续滑动,例如用户在触摸屏上通过向下滑动操作使指定网页的最顶端出现后,仍然向下滑动,则指定网页的最顶端以上,即所述边界以外将呈现出边框区域,如图7中的边框区域330所示。该边框区域的颜色由浏览器内核的边框属性(border)的背景色决定。通常,为了保持该边框区域与网页页面的色调一致性,应用程序需要预先设置该边框属性的背景色。若不设置该边框属性的背景色,则所述边框区域会呈现终端1的操作系统的背景色。
然而,若应用程序预先设置该边框属性的背景色,并一直保持该边框属性的背景色设置,则终端1中的所述GPU也需要不断响应该边框属性的背景色设置进行像素渲染,因此会进一步造成终端1的像素填充率提高,从而带来降低应用程序运行的流畅性,增加终端1的发热量,以及缩短终端1的使用时间等问题。
为了进一步解决上述问题,参阅图5所示,本发明第三实施例提供一种背景色设置方法,其相较于第一实施例的背景色设置方法,进一步包括:
步骤S31,在浏览器内核对该指定网页渲染完毕后,检测该指定网页的滑动事件,并判断该指定网页是否覆盖所述容器的可视化区域。该指定网页的滑动事件包括该指定网页滑动的方向和距离,当前所处位置的坐标范围等信息。该指定网页已被加载至该容器中。该容器的可视化区域为该容器的一部分,只有该容器的可视化区域中的网页内容对用户可视。
具体而言,若该指定网页与该容器的可视化区域的长宽尺寸一致,或该指定网页的长宽尺寸小于该容器的可视化区域的长宽尺寸,则该指定网页的全部内容可以包含在该容器的可视化区域中供用户浏览。若该指定网页的长宽尺寸大于该容器的可视化区域的长宽尺寸,则一次只能将该指定网页的部分内容包含在该容器的可视化区域中供用户浏览。然而,通过对指定网页的滑动操作,可以使该指定网页的不同内容依次包含在该容器的可视化区域中,从而使用户可以浏览到该指定网页的全部内容。
步骤S31可以根据指定网页所处位置的坐标范围与该容器的可视化区域所处位置的坐标范围判断该指定网页是否覆盖该容器的可视化区域。所述指定网页覆盖所述容器的可视化区域是指该容器的可视化区域所处位置的坐标范围与该指定网页所处位置的坐标范围的交集为该容器的可视化区域所处位置的坐标范围,例如图6中容器的可视化区域310与指定网页320的位置关系所示。
所述指定网页未覆盖所述容器的可视化区域则是指该容器的可视化区域所处位置的坐标范围与该指定网页所处位置的坐标范围的交集不为该容器的可视化区域所处位置的坐标范围。例如图7中容器的可视化区域310与指定网页320的位置关系所示。其中,指定网页320向下滑动超过了指定网页最顶端的边界,从而显示出了边框区域330。
步骤S32,当检测到指定网页的滑动事件使指定网页无法覆盖所述容器的可视化区域时,将该浏览器内核的边框属性的背景色设置为所述目标色。具体而言,当步骤S32检测到该指定网页发生一次持续的滑动,且在该次持续的滑动过程中,该指定网页从覆盖容器的可视化区域的状态变成未覆盖容器的可视化区域的状态,则判断该次持续的滑动造成的滑动事件使该指定网页无法覆盖所述容器的可视化区域。此时,步骤S32需要将该浏览器内核的边框属性的背景色设置为所述目标色。同样地,该目标色可以根据指定网页的背景色定义。此时,所述边框区域将呈现出该目标色。
步骤S33,当检测到指定网页的滑动事件使指定网页重新覆盖所述容器的可视化区域时,清除该浏览器内核的边框属性的背景色设置。使指定网页重新覆盖所述容器的可视化区域的滑动事件可以是由用户的例如拖拽操作触发,例如用户将指定网页拖回容器的可视化区域,也可以是由用户终止该拖拽操作而触发,例如用户在拖动指定网页时松手,则指定网页自动弹回容器的可视化区域。
具体而言,当步骤S33检测到该指定网页发生一次持续的滑动,且在该次持续的滑动过程中,该指定网页从未覆盖容器的可视化区域的状态变成覆盖容器的可视化区域的状态,则判断该次持续的滑动造成的滑动事件使该指定网页重新覆盖所述容器的可视化区域。此时,所述边框区域消失,步骤S33需要清除该浏览器内核的边框属性的背景色设置。在本实施例中,步骤S33清除该边框属性的背景色设置的方法可以为将该边框属性的背景色设置为空值。
综上所述,本实施例的背景色设置方法,在检测到指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,才将该浏览器内核的边框属性的背景色设置为所述目标色,从而使所述边框区域呈现出该目标色。而当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,则及时清除该浏览器内核的边框属性的背景色设置。通过动态地设置浏览器内核的边框属性的背景色,可以使终端1的GPU只需要当出现所述边框区域时,才响应浏览器内核的边框属性的背景色进行像素渲染。而当该边框区域消失时,该GPU无需再响应该边框属性的背景色进行像素渲染,从而可以进一步降低终端1的像素填充率,提高应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
第四实施例
参阅图8所示,本发明第四实施例提供一种背景色设置装置100,其包括第一设置模块101、调用模块102和第一清除模块103。可以理解,上述的各模块是指计算机程序或者程序段,用于执行某一项或多项特定的功能。此外,上述各模块的区分并不代表实际的程序代码也必须是分开的。
第一设置模块101,用于当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色。第一设置模块101在将用于挂载浏览器内核的容器的背景色设置为目标色之前,可以先查询该指定网页的背景色,并将该指定网页的背景色定义为所述目标色。
调用模块102,用于调用该浏览器内核对该指定网页进行渲染。
第一清除模块103,用于当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。清除该容器的背景色设置的方法可以为将该容器的背景色设置为空值。
对于以上各模块的具体工作过程,可进一步参考本发明第一实施例提供的背景色设置方法,在此不再赘述。
综上所述,本实施例的背景色设置装置100,当接收到对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为目标色,然后调用该浏览器内核对该指定网页进行渲染;当浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置。通过动态地设置该容器的背景色,可以降低网页渲染及浏览过程中终端1的像素填充率,从而提高终端1中用于显示网页的应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
第五实施例
参阅图9所示,本发明第五实施例提供一种背景色设置装置200,其相较于第四实施例提供的背景色设置装置100,所述第一设置模块101进一步包括:
查询子模块1011,用于当接收到对指定网页的渲染请求时,查询终端1的操作系统的背景色。
判断子模块1012,用于判断该操作系统的背景色是否被设置为所述目标色,若否,则将用于挂载浏览器内核的容器的背景色设置为目标色。
对于以上各模块的具体工作过程,可进一步参考本发明第二实施例提供的背景色设置方法,在此不再赘述。
综上所述,本实施例的背景色设置装置200,可以提升指定网页的渲染效率,提高应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
第六实施例
参阅图10所示,本发明第六实施例提供一种背景色设置装置300,其相较于第四实施例提供的背景色设置装置100,进一步包括:
检测模块104,用于在浏览器内核对该指定网页渲染完毕后,检测该指定网页的滑动事件,并判断该指定网页是否覆盖所述容器的可视化区域;
第二设置模块105,用于当检测到该指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,将该浏览器内核的边框属性的背景色设置为所述目标色;
第二清除模块106,用于当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,清除该浏览器内核的边框属性的背景色设置。
对于以上各模块的具体工作过程,可进一步参考本发明第三实施例提供的背景色设置方法,在此不再赘述。
综上所述,本实施例的背景色设置装置300,在检测到指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,才将该浏览器内核的边框属性的背景色设置为所述目标色,从而使所述边框区域呈现出该目标色。而当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,则及时清除该浏览器内核的边框属性的背景色设置。通过动态地设置浏览器内核的边框属性的背景色,可以使终端1的GPU只需要当出现所述边框区域时,才响应浏览器内核的边框属性的背景色进行像素渲染。而当该边框区域消失时,该GPU无需再响应该边框属性的背景色进行像素渲染,从而可以进一步降低终端1的像素填充率,提高应用程序运行的流畅性,降低终端1的发热量,并延长终端1的使用时间。
此外,本发明实施例还提供一种计算机可读存储介质,其内存储有计算机可执行指令,上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的背景色设置方法中的各种操作。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭示如上,然而并非用以限定本发明,任何本领域技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简介修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (9)
1.一种背景色设置方法,其特征在于,该方法包括以下步骤:
终端上非浏览器的应用程序向服务器发送对指定网页的网页获取请求,以使所述服务器基于所述网页获取请求生成对所述指定网页的渲染请求;
当接收到所述服务器对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为所述指定网页的背景色所对应的目标色;
调用该浏览器内核对该指定网页进行渲染;
当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置;
其中,所述将用于挂载浏览器内核的容器的背景色设置为目标色的步骤前还包括:
查询操作系统的背景色;
判断该操作系统的背景色是否被设置为所述指定网页的背景色所对应的目标色,若否,则执行所述将用于挂载浏览器内核的容器的背景色设置为目标色的步骤。
2.如权利要求1所述的背景色设置方法,其特征在于,所述将用于挂载浏览器内核的容器的背景色设置为目标色的步骤前还包括:
查询该指定网页的背景色;
将该指定网页的背景色定义为所述目标色。
3.如权利要求1或2所述的背景色设置方法,其特征在于,还包括:
在浏览器内核对该指定网页渲染完毕后,检测该指定网页的滑动事件,并判断该指定网页是否覆盖所述容器的可视化区域;
当检测到该指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,将该浏览器内核的边框属性的背景色设置为所述目标色;
当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,清除该浏览器内核的边框属性的背景色设置。
4.如权利要求1所述的背景色设置方法,其特征在于,所述清除所述容器的背景色设置的步骤包括:
将该容器的背景色设置为空值。
5.一种背景色设置装置,其特征在于,该装置包括:
网页获取请求发送模块,用于终端上非浏览器的应用程序向服务器发送对指定网页的网页获取请求,以使所述服务器基于所述网页获取请求生成对所述指定网页的渲染请求;
第一设置模块,用于当接收到所述服务器对指定网页的渲染请求时,将用于挂载浏览器内核的容器的背景色设置为所述指定网页的背景色所对应的目标色;
调用模块,用于调用该浏览器内核对该指定网页进行渲染;
第一清除模块,用于当浏览器内核对该指定网页渲染完毕时,清除所述容器的背景色设置。
6.如权利要求5所述的背景色设置装置,其特征在于,所述第一设置模块在将用于挂载浏览器内核的容器的背景色设置为目标色前,还用于:
查询该指定网页的背景色;
将该指定网页的背景色定义为所述目标色。
7.如权利要求5或6所述的背景色设置装置,其特征在于,还包括:
检测模块,用于在浏览器内核对该指定网页渲染完毕后,检测该指定网页的滑动事件,并判断该指定网页是否覆盖所述容器的可视化区域;
第二设置模块,用于当检测到该指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,将该浏览器内核的边框属性的背景色设置为所述目标色;
第二清除模块,用于当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,清除该浏览器内核的边框属性的背景色设置。
8.如权利要求5所述的背景色设置装置,其特征在于,所述清除所述容器的背景色设置包括:
将该容器的背景色设置为空值。
9.一种计算机可读存储介质,其内存储有计算机可执行指令,其特征在于,所述计算机可执行指令用于执行如权利要求1-4任一所述的背景色设置方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410156178.5A CN105022734B (zh) | 2014-04-18 | 2014-04-18 | 一种背景色设置方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410156178.5A CN105022734B (zh) | 2014-04-18 | 2014-04-18 | 一种背景色设置方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105022734A CN105022734A (zh) | 2015-11-04 |
CN105022734B true CN105022734B (zh) | 2020-01-31 |
Family
ID=54412718
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410156178.5A Active CN105022734B (zh) | 2014-04-18 | 2014-04-18 | 一种背景色设置方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105022734B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105678828B (zh) * | 2015-12-30 | 2020-03-31 | 合一网络技术(北京)有限公司 | 一种创建过渡动画的方法及装置 |
CN106095441A (zh) * | 2016-06-13 | 2016-11-09 | 天脉聚源(北京)传媒科技有限公司 | 一种视频控件的加载方法和装置 |
CN106126005A (zh) * | 2016-06-13 | 2016-11-16 | 天脉聚源(北京)传媒科技有限公司 | 一种视频控件的加载方法和装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103399764A (zh) * | 2013-07-24 | 2013-11-20 | 北京小米科技有限责任公司 | 界面色彩设置方法、装置和终端 |
CN103440326A (zh) * | 2013-09-02 | 2013-12-11 | 百度在线网络技术(北京)有限公司 | 提供呈现信息的方法和装置 |
CN103577030A (zh) * | 2012-07-27 | 2014-02-12 | 北京搜狗科技发展有限公司 | 浏览器窗口界面展现方法及系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8181107B2 (en) * | 2006-12-08 | 2012-05-15 | Bytemobile, Inc. | Content adaptation |
-
2014
- 2014-04-18 CN CN201410156178.5A patent/CN105022734B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103577030A (zh) * | 2012-07-27 | 2014-02-12 | 北京搜狗科技发展有限公司 | 浏览器窗口界面展现方法及系统 |
CN103399764A (zh) * | 2013-07-24 | 2013-11-20 | 北京小米科技有限责任公司 | 界面色彩设置方法、装置和终端 |
CN103440326A (zh) * | 2013-09-02 | 2013-12-11 | 百度在线网络技术(北京)有限公司 | 提供呈现信息的方法和装置 |
Non-Patent Citations (1)
Title |
---|
Initial (black) browser background color?;simast;《https://magpcss.org/ceforum/viewtopic.php?f=6&t=11044》;20131006;正文第1-2页 * |
Also Published As
Publication number | Publication date |
---|---|
CN105022734A (zh) | 2015-11-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9600595B2 (en) | Modification of windows across multiple displays | |
CN107168712B (zh) | 界面绘制方法、移动终端及计算机可读存储介质 | |
US8307279B1 (en) | Smooth zooming in web applications | |
US10228835B2 (en) | Method for displaying information, and terminal equipment | |
US10109079B2 (en) | Method and apparatus for processing tab in graphical interface | |
US9092131B2 (en) | Highlighting of tappable web page elements | |
US20110078593A1 (en) | Web browser transmission server and method of controlling operation of same | |
KR20140114645A (ko) | 하이퍼링크의 미리 보기 화면 표시 방법 및 그 장치 | |
US20160217143A1 (en) | Method and device for displaying browser resources and computer readable storage medium | |
CN105404458B (zh) | 网页内容更新方法及装置 | |
US20190333475A1 (en) | Display method and electronic device | |
US20110145730A1 (en) | Utilization of Browser Space | |
US10445412B1 (en) | Dynamic browsing displays | |
CN104881273A (zh) | 一种网页渲染的分析方法和终端设备 | |
CN105022734B (zh) | 一种背景色设置方法及装置 | |
CN110908554A (zh) | 长截图的方法及终端设备 | |
US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
EP3460656A1 (en) | Method and apparatus for determining decoding task | |
CN112269501A (zh) | 图标移动方法、装置及电子设备 | |
JP6339550B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
CN108363525B (zh) | 一种响应网页中用户手势操作的方法、装置和终端设备 | |
CN105022756B (zh) | 一种网页显示方法及装置 | |
CN104978181B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |