CN112817679A - 一种显示设备和界面显示方法 - Google Patents

Abstract

本公开涉及显示技术领域，公开了一种显示设备和界面显示方法，本实施例的显示设备包括：显示部件，用于显示界面；处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取应用层界面对应的HTML文件以及多个CSS文件；从多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；基于HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。本实施例通过从多个CSS文件中选择与显示设备的系统界面风格匹配的目标CSS文件，进而基于上述HTML文件以及目标CSS文件，渲染得到与系统界面风格匹配的应用层界面，使显示的应用层界面与系统界面的风格达到统一。

Description

一种显示设备和界面显示方法

技术领域

本公开涉及显示技术领域，特别涉及一种显示设备和界面显示方法。

背景技术

随着电子技术的发展，各类显示设备普及到人们的生活中。相关技术中，为了满足用户的个性化需求，显示设备提供多种风格的系统界面供用户选择。

然而，上述显示设备只是针对本地的系统界面有多种风格，而通过网络侧得到的应用层界面只有单一的风格，应用层界面与系统界面可能不匹配。

发明内容

本公开提供了一种显示设备和界面显示方法，用以使显示设备显示的应用层界面与系统界面匹配。

第一方面，本公开实施例提供一种显示设备，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的超文本标记语言(Hyper Text Markup Language，HTML)文件以及多个层叠样式表(Cascading Style Sheets，CSS)文件；从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

上述方案，通过从网络侧获取应用层界面对应的HTML文件以及多个CSS文件，并从多个CSS文件中选择与显示设备的系统界面风格匹配的目标CSS文件，进而基于上述HTML文件以及目标CSS文件，渲染得到与系统界面风格匹配的应用层界面，使显示的应用层界面与系统界面的风格达到统一。

在一些可选的实施方式中，所述多个CSS文件分别对应不同的风格参数；

所述处理器具体用于：若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

上述方案，多个CSS文件分别对应不同的风格参数，在多个CSS文件的风格参数中有系统界面的风格参数时，通过选择系统界面的风格参数对应的CSS文件作为目标CSS文件，精准方便地选择出与显示设备的系统界面风格匹配的目标CSS文件。

在一些可选的实施方式中，所述处理器还用于：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

上述方案，在应用层界面对应的多个CSS文件的风格参数中没有系统界面的风格参数时，通过选择多个CSS文件中默认CSS文件作为目标CSS文件，在应用层界面不适于与显示设备的系统界面风格匹配时，更好地显示应用层界面，适用于不同应用场景的需求。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

上述方案，应用层界面为HTML5电子说明书界面，通过上述方式渲染得到与系统界面风格匹配的HTML5电子说明书界面，使显示的HTML5电子说明书界面与系统界面的风格达到统一。

第二方面，本公开实施例提供一种显示设备，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面；通过所述显示部件将所述目标应用层界面进行显示。

上述方案，通过从网络侧获取多个备选的应用层界面，并多个备选的应用层界面中选择与显示设备的系统界面风格匹配的目标应用层界面，使显示的目标应用层界面与系统界面的风格达到统一。

第三方面，本公开实施例提供一种显示设备，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件；基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

上述方案，通过从网络侧获取应用层界面对应的多个风格的渲染文件，并从多个风格的渲染文件中选择与显示设备的系统界面风格匹配的目标渲染文件，进而基于上述目标渲染文件渲染得到与系统界面风格匹配的应用层界面，使显示的应用层界面与系统界面的风格达到统一。

第四方面，本公开实施例提供一种界面显示方法，应用于显示设备，该方法包括：

响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；

基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

在一些可选的实施方式中，所述多个CSS文件分别对应不同的风格参数；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件，包括：

若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

在一些可选的实施方式中，所述方法还包括：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

第五方面，本公开实施例提供一种界面显示方法，应用于显示设备，该方法包括：

响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；

从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面，并将所述目标应用层界面进行显示。

第六方面，本公开实施例提供一种界面显示方法，应用于显示设备，该方法包括：

响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；

从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件；

基于所述目标渲染文件渲染得到所述应用层界面，并将所述应用层界面进行显示。

第七方面，本公开实施例提供一种界面显示装置，包括：

文件获取模块，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

所述文件获取模块，还用于从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；

界面处理模块，用于基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

第八方面，本公开实施例提供一种界面显示装置，包括：

界面获取模块，用于响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；

界面选择模块，用于从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面，并将所述目标应用层界面进行显示。

第九方面，本公开实施例提供一种界面显示方法，应用于显示设备，该方法包括：

渲染文件处理模块，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；

渲染文件处理模块，还用于从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件；

界面处理模块，用于基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

第十方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时，实现如第四方面至第六方面任一项所述的界面显示方法。

附图说明

为了更清楚地说明本公开实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1A为本公开实施例提供的第一种显示设备的系统界面示意图；

图1B为本公开实施例提供的第一种显示设备的应用层界面示意图；

图2为本公开实施例提供的一种应用场景示意图；

图3A为本公开实施例提供的一种显示设备的硬件配置框图；

图3B为本公开实施例提供的一种显示设备的软件结构框图；

图4为本公开实施例提供的第一种界面显示方法的示意流程图；

图5A为本公开实施例提供的第二种显示设备的系统界面示意流程图；

图5B为本公开实施例提供的第三种显示设备的系统界面示意流程图；

图5C为本公开实施例提供的第四种显示设备的系统界面示意流程图；

图6A为本公开实施例提供的第二种显示设备的应用层界面示意图；

图6B为本公开实施例提供的第五种显示设备的系统界面示意图；

图6C为本公开实施例提供的第三种显示设备的应用层界面示意图；

图7为本公开实施例提供的第二种界面显示方法的示意流程图；

图8为本公开实施例提供的第三种界面显示方法的示意流程图；

图9为本公开实施例提供的第四种界面显示方法的示意流程图；

图10为本公开实施例提供的第一种界面显示装置的结构示意图；

图11为本公开实施例提供的第二种界面显示装置的结构示意图；

图12为本公开实施例提供的第三种界面显示装置的结构示意图；

图13为本公开实施例提供的一种显示设备的示意框图。

具体实施方式

为了使本公开的目的、技术方案和优点更加清楚，下面将结合附图对本公开作进一步地详细描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本公开保护的范围。

本公开实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

在本公开的描述中，需要说明的是，除非另有明确的规定和限定，术语“连接”应做广义理解，例如，可以是直接相连，也可以通过中间媒介间接相连，可以是两个器件内部的连通。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本公开中的具体含义。

随着电子技术的发展，各类显示设备普及到人们的生活中。相关技术中，为了满足用户的个性化需求，显示设备提供多种风格的系统界面供用户选择，参阅图1A，用户选择偏暗风格，显示设备显示偏暗风格的系统界面。

然而，上述显示设备只是针对本地的系统界面有多种风格，而在线的应用层界面只有单一的风格，参阅图1B，该应用层界面是偏亮风格的界面，应用层界面与系统界面不匹配。如上所述，本地的系统界面的风格是可调的，一般是符合用户需求的风格，而应用层界面风格不可调，很可能不符合用户需求；另外，由一种风格的系统界面进入风格相差较大的应用层界面(如暗转亮)，用户无法流畅地观看。综上，该界面显示方法中用户体验较差。

本公开实施例为了使显示设备显示的应用层界面与系统界面匹配，提供了一种显示设备和界面显示方法。下面结合附图及具体实施例对本公开作进一步详细的说明。

参阅图2所示，为本公开实施例提供的一种应用场景示意图，该应用场景中包括网络侧设备100和显示设备200。

显示设备200响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；

基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

上述显示设备200可与网络侧设备100通过多种通信方式进行数据通信，如局域网(Local Area Network，LAN)、无线局域网(Wireless Local Area Network，WLAN)和其他网络。例如：显示设备200通过WLAN向网络侧设备100发送界面的文件获取指令，网络侧设备100通过WLAN向显示设备200发送该指令对应的文件等。

上述显示设备可以是电视、手机、平板电脑以及个人计算机(personal computer，PC)等，本实施例对此不做限定。

上述网络侧设备可以包括一组或者多组服务器，本实施例对此不做限定。

上述应用场景只是实现本公开实施例的应用场景的示例，本公开实施例并不限于上述应用场景。

图3A示出了上述显示设备200的硬件配置框图。在一些实施例中，显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、处理器250、显示部件260、音频输出接口270、存储器、供电电源、用户接口280中的至少一种。

在一些实施例中，显示部件260包括用于呈现画面的显示屏组件，以及驱动图像显示的驱动组件，用于接收源自处理器输出的图像信号，进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面等。

在一些实施例中，显示部件260可为液晶显示器、OLED显示器、以及投影显示器中的至少一种，还可以为一种投影装置和投影屏幕。

在一些实施例中，调谐解调器210通过有线或无线接收方式接收广播电视信号，以及从多个无线或有线广播电视信号中解调出音视频信号。

在一些实施例中，通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如：通信器可以包括无线通信技术(WiFi)模块，蓝牙模块，有线以太网模块等其他网络通信协议芯片或近场通信协议芯片，以及红外接收器中的至少一种。显示设备200可以通过通信器220与网络侧设备100进行数据传输。

在一些实施例中，检测器230用于采集外部环境或与外部交互的信号。例如，检测器230包括光接收器，用于采集环境光线强度的传感器；或者，检测器230包括图像采集器，如摄像头，可以用于采集外部环境场景、用户的属性或用户交互手势，再或者，检测器230包括声音采集器，如麦克风等，用于接收外部声音。

在一些实施例中，外部装置接口240可以包括但不限于如下：高清多媒体接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口、摄像接口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。

在一些实施例中，处理器250和调谐解调器210可以位于不同的分体设备中，即调谐解调器210也可在处理器250所在的主体设备的外置设备中，如外置机顶盒等。

在一些实施例中，处理器250，包括中央处理器(Central Processing Unit，CPU)，视频处理器，音频处理器，图形处理器(Graphics Processing Unit，GPU)，RAM(RandomAccess Memory)，ROM(Read-Only Memory)，用于输入/输出的第一接口至第n接口，通信总线(Bus)等中的至少一种。

在一些实施例中，CPU用于执行存储在存储器中操作系统和应用程序指令，以及根据接收外部输入的各种交互指令，来执行各种应用程序、数据和内容，以便最终显示和播放各种音视频内容。CPU处理器，可以包括多个处理器。如，包括一个主处理器以及一个或多个子处理器。

在一些实施例中，图形处理器，用于产生各种图形对象，如：图标、操作菜单、以及用户输入指令显示图形等中的至少一种。图形处理器包括运算器，通过接收用户输入各种交互指令进行运算，根据显示属性显示各种对象；还包括渲染器，对基于运算器得到的各种对象，进行渲染，上述渲染后的对象用于显示在显示部件上。

在一些实施例中，视频处理器，用于将接收外部视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频处理中的至少一种，可得到直接在显示设备200上显示或播放的信号。

在一些实施例中，视频处理器，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等中的至少一种。其中，解复用模块，用于对输入音视频数据流进行解复用处理。视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的GUI信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示的图像信号。帧率转换模块，用于对转换输入视频帧率。显示格式化模块，用于将接收帧率转换后视频输出信号，改变信号以符合显示格式的信号，如输出RGB数据信号。

在一些实施例中，音频处理器，用于接收外部的音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等处理中的至少一种，得到可以在扬声器中播放的声音信号。

在一些实施例中，用户可在显示部件260上显示的图形用户界面(GUI)输入用户命令，则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户输入接口通过传感器识别出声音或手势，来接收用户输入命令。

在一些实施例中，“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(Graphic User Interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在显示设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素中的至少一种。

在一些实施例中，用户接口280，为可用于接收控制输入的接口(如：对端设备本体上的实体按键，或其他等)。

在一些实施例中，对端设备的系统可以包括内核(Kernel)、命令解析器(shell)、文件系统和应用程序。内核、shell和文件系统一起组成了基本的操作系统结构，它们让用户可以管理文件、运行程序并使用系统。上电后，内核启动，激活内核空间，抽象硬件、初始化硬件参数等，运行并维护虚拟内存、调度器、信号及进程间通信(IPC)。内核启动后，再加载Shell和用户应用程序。应用程序在启动后被编译成机器码，形成一个进程。

图3B中示例性示出了显示设备200操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、中间件层和内核层。

应用层，系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序，如设置应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用，其基于WebKit(一种浏览器引擎)引擎来执行，具体可基于HTML5、CSS和JavaScript等来开发并执行。

中间件层，可以提供一些标准化的接口，以支持各种环境和系统的操作。例如，中间件层可以实现为与数据广播相关的中间件的多媒体和超媒体信息编码专家组(MHEG)，还可以实现为与外部设备通信相关的中间件的DLNA中间件，还可以实现为提供显示设备内各应用程序所运行的浏览器环境的中间件等。

内核层，提供核心系统服务，例如：文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核层可以被实现为基于各种操作系统的内核，例如，Android系统、Linux系统、IOS系统、Windows系统等。

内核层也同时提供系统软件和硬件之间的通信，为各种硬件提供设备驱动服务，例如：为显示部件提供显示驱动程序、为摄像头提供摄像头驱动程序、为WiFi模块提供WiFi驱动程序、为音频输出接口提供音频驱动程序、为电源管理(PM)模块提供电源管理驱动等。

下面以具体的实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本公开的实施例进行描述。

图4为本公开实施例提供的第一种界面显示方法的示意流程图，应用于上述显示设备，如图4所示，该方法可以包括：

步骤S401：响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件。

本实施例，应用层界面对应有HTML文件以及多个CSS文件。示例性的，多个CSS文件均包含相同的属性，不同CSS文件至少有一个属性对应的属性值不同。例如：

应用层界面对应的第一CSS文件包含背景、布局、字体等属性，其中背景对应的属性值为rgba(0,0,0,0.10)，表征背景色为黑色，透明度为10％；第二CSS文件也包含背景、布局、字体等属性，其中背景对应的属性值为white，表征背景色为白色；第三CSS文件也包含背景、布局、字体等属性，其中背景对应的属性值为rgba(0,0,0,0.20)，表征背景色为黑色，透明度为20％；。

上述应用层界面对应的CSS文件只是示例性说明，应用层界面对应的CSS文件可以根据实际应用场景设定，CSS文件可包含更多或者更少的属性。

如上所述，本实施例应用层界面对应的表征内容的HTML文件以及表征形式的CSS文件是分离的。在一些具体的实施例中，可采用XML格式进行应用层界面编写，从而方便得到HTML文件以及CSS文件；另外，采用达尔文信息类型化体系结构(Darwin InformationTyping Architecture，DITA)标准，模块化创作应用层界面的内容，支持同源开发，DITA使得相同的信息只需写作一次，便可应用在各类终端的各种格式中。避免信息冗余，提高了信息开发效率，同时也降低了开发成本。

本实施例对用户触发应用层界面显示指令的方式不做限定，例如：

1)用户通过操作与显示设备连接的控制装置，触发应用层界面显示指令。

2)用户通过触摸显示设备界面上的按键，如图1A所示的菜单中的按键，触发应用层界面显示指令。

3)用户向显示设备发送携带应用标识的音频数据，触发应用层界面显示指令；显示设备通过麦克风接收用户的语音，并将其转换为计算机可读的输入文本，根据输入文本确定需要显示的应用层界面。

上述只是示例性说明几种可能的用户触发应用层界面显示指令的方式，本实施例并不以此为限。

步骤S402：从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件。

如上所述，CSS文件表征应用层界面的形式，不同CSS文件对应不同风格。本实施例为了使应用层界面与系统界面匹配，从多个CSS文件中选择与显示设备的系统界面风格匹配的目标CSS文件。

一些实施例中，上述多个CSS文件分别对应不同的风格参数。从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件，可通过但不限于如下方式实现：

若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

示例性的，CSS文件携带有查询标签，查询标签包含有CSS文件名称、风格参数等信息。通过比对系统界面的风格参数以及各CSS文件的风格参数，判断是否有CSS文件的风格参数与系统界面的风格参数是相同的，如果有，就将系统界面的风格参数对应的CSS文件作为目标CSS文件。例如：

应用层界面对应的第一CSS文件，查询标签包含的信息有：href＝dark-skin.css(表征第一CSS文件的名称为dark-skin.css)，以及id＝0(表征第一CSS文件的风格参数为0)；应用层界面对应的第二CSS文件，查询标签包含的信息有：href＝light-skin.css(表征第二CSS文件的名称为light-skin.css)，以及id＝1(表征第二CSS文件的风格参数为1)。系统界面的风格参数为1，那么第二CSS文件为目标CSS文件。

本实施例中，上述系统界面的风格参数为系统界面的当前风格参数，例如：

1)所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数。

示例性的，系统界面对应有风格参数1(表征偏亮风格)，以及风格参数0(表征偏暗风格)，风格参数1是默认风格参数。用户触发偏暗风格选择指令，系统界面当前的风格参数为参数0，也就是说当前系统界面是偏暗风格的界面。

本实施例，可通过但不限于以下方式对触发风格选择指令：

第一种方式：参阅图5A，用户通过触摸“辅助功能”按键，进入图5B所示的界面；通过触摸图5B中“菜单方案”按键，进入图5C所示的界面，图5C示出系统界面对应的两个按键：“暗”按键表征偏暗风格，对应上述风格参数0；“亮”按键表征偏亮风格，对应上述风格参数1。用户通过选择“暗”，触发偏暗风格选择指令，显示设备接收到偏暗风格选择指令，确定系统界面的风格参数为上述参数0。

图5A-5C只是对系统界面的示例性说明，实际应用中显示设备可显示类似的系统界面，本实施例对此不做具体限定。

2)所述系统界面的风格参数为所述系统界面的默认风格参数。

示例性的，系统界面对应有表征偏亮风格的参数1，以及表征偏暗风格的参数0，参数1是默认风格参数，显示设备启动后，用户并未触发风格选择指令，系统界面当前的风格参数为默认风格参数，即表征偏亮风格的参数，也就是说当前系统界面是偏亮风格的界面。

上述系统界面对应的风格参数只是示例性说明，实际应用中，系统界面可以对应其他的风格参数，此处不再举例说明。

步骤S403：基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

本实施例，HTML文件可引用任一对应的CSS文件，选择上述目标CSS文件后，基于HTML文件以及目标CSS文件，渲染得到与上述系统界面风格匹配的应用层界面。

可以理解，显示设备从上述网络侧获取的文件并不限于HTML文件以及多个CSS文件，还有JavaScript文件等，在进行渲染时还会用到JavaScript文件，本实施例对具体渲染方式不做限定。

在一些具体的实施例中，可在除目标CSS文件之外的CSS文件中的查询标签上添加表征禁用的信息。在进行渲染时通过禁用的信息，确定目标CSS文件。

参阅图6A，为本实施例提供的一种偏暗风格的应用层界面，该应用层界面与上述图1A所示的偏暗风格的系统界面匹配。

参阅图6C，为本实施例提供的一种偏亮风格的应用层界面，该应用层界面与上述图6B所示的偏亮风格的系统界面匹配。

上述应用层界面为在线界面，一些具体的实施例中，应用层界面为HTML5电子说明书界面。

上述方案，通过从网络侧获取应用层界面对应的HTML文件以及多个CSS文件，并从多个CSS文件中选择与显示设备的系统界面风格匹配的目标CSS文件，进而基于上述HTML文件以及目标CSS文件，渲染得到与系统界面风格匹配的应用层界面，使显示的应用层界面与系统界面的风格达到统一。

图7为本公开实施例提供的第二种界面显示方法的示意流程图，本实施例中多个CSS文件分别对应不同的风格参数，如图7所示，该方法可以包括：

步骤S701：响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件。

该步骤S701与上述步骤S401实现方式相同，此处不再赘述。

步骤S702：若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

本实施例中，上述多个CSS文件包括一个默认CSS文件以及至少一个备选CSS文件。示例性的，上述CSS文件携带的查询标签，还包含有表征备选或者默认的信息，例如：

应用层界面对应的第一CSS文件，查询标签包含的信息有：href＝dark-skin.css(表征第一CSS文件的名称为dark-skin.css)，id＝0(表征第一CSS文件的风格参数为0)，以及rel＝stylesheet(表征第一CSS文件为默认CSS文件)；应用层界面对应的第二CSS文件，查询标签包含的信息有：href＝light-skin.css(表征第二CSS文件的名称为light-skin.css)，id＝1(表征第二CSS文件的风格参数为1)，以及rel＝alternate stylesheet(表征第二CSS文件为备选CSS文件)。系统界面的风格参数为3，上述应用层界面对应的CSS文件的风格参数中没有参数3，将默认CSS文件(第一CSS文件)作为目标CSS文件。

步骤S703：基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

该步骤S703与上述步骤S403实现方式相同，此处不再赘述。

上述方案，在应用层界面对应的多个CSS文件的风格参数中没有系统界面的风格参数时，通过选择多个CSS文件中默认CSS文件作为目标CSS文件，在应用层界面不适于与显示设备的系统界面风格匹配时，更好地显示应用层界面，适用于不同应用场景的需求。

另外，从多个CSS文件中选择与显示设备的系统界面风格匹配的目标CSS文件的步骤也可由网络侧设备执行，具体实现方式可参照上述实施例，此处不再赘述。

图8为本公开实施例提供的第三种界面显示方法的示意流程图，应用于上述显示设备，如图8所示，该方法可以包括：

步骤S801：响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面。

本实施例，显示设备收到上述应用层界面显示指令后，向网络侧发送获取该应用层界面的请求，网络侧设备基于该请求，渲染得到多个不同风格的备选的应用层界面。

示例性的，上述不同备选的应用层界面的背景、布局和字体至少有一项不同，例如：有偏暗风格的备选的应用层界面，以及偏亮风格的备选的应用层界面。

其中，上述用户触发应用层界面显示指令的方式，以及具体渲染方式可参照上述实施例，此处不再赘述。

步骤S802：从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面，并将所述目标应用层界面进行显示。

如上所述，不同备选的应用层界面对应不同风格。本实施例为了使显示的应用层界面与系统界面匹配，从多个备选的应用层界面中选择与显示设备的系统界面风格匹配的目标应用层界面。

一些实施例中，上述多个备选的应用层界面分别对应不同的风格参数。从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面，可通过但不限于如下方式实现：

若所述多个备选的应用层界面的风格参数中有所述系统界面的风格参数，则从所述多个备选的应用层界面中选择所述系统界面的风格参数对应的目标应用层界面。

示例性的，网络侧将各备选的应用层界面以及对应的风格参数发送给显示设备，显示设备通过比对系统界面的风格参数以及各备选的应用层界面的风格参数，判断是否有备选的应用层界面与系统界面的风格参数是相同的，如果有，就将系统界面的风格参数对应的备选的应用层界面确定为目标应用层界面。

上述方案，通过从网络侧获取多个备选的应用层界面，并多个备选的应用层界面中选择与显示设备的系统界面风格匹配的目标应用层界面，使显示的目标应用层界面与系统界面的风格达到统一。

在一些可选的实施方式中，若所述多个备选的应用层界面的风格参数中没有所述系统界面的风格参数，则选择所述多个备选的应用层界面中默认界面作为所述目标应用层界面。

上述方案，在多个备选的应用层界面的风格参数中没有系统界面的风格参数时，通过选择多个备选的应用层界面中默认界面作为目标应用层界面，在应用层界面不适于与显示设备的系统界面风格匹配时，更好地显示应用层界面，适用于不同应用场景的需求。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

图9为本公开实施例提供的四种界面显示方法的示意流程图，应用于上述显示设备，如图9所示，该方法可以包括：

步骤S901：响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件。

本实施例，应用层界面对应有多个风格的渲染文件。示例性的，多个渲染文件中表征内容的信息相同，表征风格的信息不同。在一些具体的实施例中，一个渲染文件包括一个HTML文件和一个CSS文件，不同渲染文件的HTML文件相同，CSS文件不同，具体可参见上述实施例，此处不再赘述。

本实施例并不限定渲染文件具体包含的信息，在另外一些实施例中可以不包含HTML文件和CSS文件，或者不对表征内容的信息和表征风格的信息做区分。

另外，用户触发应用层界面显示指令的具体实现方式可参照上述实施例，此处不再赘述。

步骤S902：从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件。

如上所述，不同风格的渲染文件对应不同风格，本实施例为了使应用层界面与系统界面匹配，从多个渲染文件中选择与显示设备的系统界面风格匹配的目标渲染文件。

一些实施例中，上述多个风格的渲染文件分别对应不同的风格参数。从多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件，可通过但不限于如下方式实现：

若所述多个风格的渲染文件的风格参数中有所述系统界面的风格参数，则从所述多个风格的渲染文件中选择所述系统界面的风格参数对应的目标渲染文件。

步骤S903：基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

上述方案，通过从网络侧获取应用层界面对应的多个风格的渲染文件，并从多个风格的渲染文件中选择与显示设备的系统界面风格匹配的目标渲染文件，进而基于上述目标渲染文件渲染得到与系统界面风格匹配的应用层界面，使显示的应用层界面与系统界面的风格达到统一。

在一些可选的实施方式中，若所述多个风格的渲染文件的风格参数中没有所述系统界面的风格参数，则选择所述多个风格的渲染文件中默认渲染文件作为所述目标渲染文件。

上述方案，多个风格的渲染文件分别对应不同的风格参数，在多个风格的渲染文件的风格参数中没有系统界面的风格参数时，通过选择多个风格的渲染文件中默认渲染文件作为目标渲染文件，在应用层界面不适于与显示设备的系统界面风格匹配时，更好地显示应用层界面，适用于不同应用场景的需求。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

如图10所示，基于相同的发明构思，本公开实施例提供第一种界面显示装置1000，包括：

文件获取模块1001，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

所述文件获取模块1001，还用于从所述多个CSS文件中选择与所述界面显示装置的系统界面风格匹配的目标CSS文件；

界面处理模块1002，用于基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

在一些可选的实施方式中，所述多个CSS文件分别对应不同的风格参数；

文件获取模块1001，具体用于：

若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

在一些可选的实施方式中，文件获取模块1001还用于：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

由于该装置即是本公开实施例中的方法中的装置，并且该装置解决问题的原理与该方法相似，因此该装置的实施可以参见方法的实施，重复之处不再赘述。

如图11所示，基于相同的发明构思，本公开实施例提供第二种界面显示装置1100，包括：

界面获取模块1101，用于响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；

界面选择模块1102，用于从多个备选的应用层界面中选择与所述界面显示装置的系统界面风格匹配的目标应用层界面，并将所述目标应用层界面进行显示。

在一些可选的实施方式中，所述多个备选的应用层界面分别对应不同的风格参数；

界面选择模块1102，具体用于：

若所述多个备选的应用层界面的风格参数中有所述系统界面的风格参数，则从所述多个备选的应用层界面中选择所述系统界面的风格参数对应的目标应用层界面。

在一些可选的实施方式中，界面选择模块1102还用于：

若所述多个备选的应用层界面的风格参数中没有所述系统界面的风格参数，则选择所述多个备选的应用层界面中默认界面作为所述目标应用层界面。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

由于该装置即是本公开实施例中的方法中的装置，并且该装置解决问题的原理与该方法相似，因此该装置的实施可以参见方法的实施，重复之处不再赘述。

如图12所示，基于相同的发明构思，本公开实施例提供第三种界面显示装置1200，包括：

渲染文件处理模块1201，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；

渲染文件处理模块1201，还用于从所述多个风格的渲染文件中选择与所述界面显示装置的系统界面风格匹配的目标渲染文件；

界面处理模块1202，用于基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

在一些可选的实施方式中，所述多个风格的渲染文件分别对应不同的风格参数；

渲染文件处理模块1201，具体用于：

若所述多个风格的渲染文件的风格参数中有所述系统界面的风格参数，则从所述多个风格的渲染文件中选择所述系统界面的风格参数对应的目标渲染文件。

在一些可选的实施方式中，渲染文件处理模块1201还用于：

若所述多个风格的渲染文件的风格参数中没有所述系统界面的风格参数，则选择所述多个风格的渲染文件中默认渲染文件作为所述目标渲染文件。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

由于该装置即是本公开实施例中的方法中的装置，并且该装置解决问题的原理与该方法相似，因此该装置的实施可以参见方法的实施，重复之处不再赘述。

如图13所示，基于相同的发明构思，本公开实施例提供一种显示设备1300，包括：处理器1301和存储器1302；

其中，所述存储器1302存储有程序代码，当所述程序代码被所述处理器1301执行时，使得所述处理器1301执行下列过程：

响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；

基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并通过所述显示设备的显示部件将所述应用层界面进行显示。

在一些可选的实施方式中，所述多个CSS文件分别对应不同的风格参数；

所述处理器1301具体用于：若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

在一些可选的实施方式中，所述处理器1301还用于：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

本公开实施例中不限定上述存储器1302和处理器1301之间的具体连接介质。本公开实施例在图13中以存储器1302和处理器1301之间通过总线1303连接，总线1303在图13中以粗线表示。所述总线1303可以分为地址总线、数据总线、控制总线等。为便于表示，图13中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

由于该显示设备即是执行本公开实施例中的方法的显示设备，并且该显示设备解决问题的原理与该方法相似，因此该显示设备的实施可以参见方法的实施，重复之处不再赘述。

基于相同的发明构思，本公开实施例提供一种显示设备，包括：处理器和存储器；

其中，所述存储器存储有程序代码，当所述程序代码被所述处理器执行时，使得所述处理器执行下列过程：

响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；

从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面；

通过所述显示设备的显示部件将所述目标应用层界面进行显示。

在一些可选的实施方式中，所述多个备选的应用层界面分别对应不同的风格参数；

所述处理器具体用于：

若所述多个备选的应用层界面的风格参数中有所述系统界面的风格参数，则从所述多个备选的应用层界面中选择所述系统界面的风格参数对应的目标应用层界面。

在一些可选的实施方式中，所述处理器还用于：

若所述多个备选的应用层界面的风格参数中没有所述系统界面的风格参数，则选择所述多个备选的应用层界面中默认界面作为所述目标应用层界面。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

由于该显示设备即是执行本公开实施例中的方法的显示设备，并且该显示设备解决问题的原理与该方法相似，因此该显示设备的实施可以参见方法的实施，重复之处不再赘述。

基于相同的发明构思，本公开实施例提供一种显示设备，包括：处理器和存储器；

其中，所述存储器存储有程序代码，当所述程序代码被所述处理器执行时，使得所述处理器执行下列过程：

响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；

从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件；

基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示设备的显示部件将所述应用层界面进行显示。

在一些可选的实施方式中，所述多个风格的渲染文件分别对应不同的风格参数；

所述处理器具体用于：

若所述多个风格的渲染文件的风格参数中有所述系统界面的风格参数，则从所述多个风格的渲染文件中选择所述系统界面的风格参数对应的目标渲染文件。

在一些可选的实施方式中，所述处理器还用于：

若所述多个风格的渲染文件的风格参数中没有所述系统界面的风格参数，则选择所述多个风格的渲染文件中默认渲染文件作为所述目标渲染文件。

在一些可选的实施方式中，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

在一些可选的实施方式中，所述应用层界面为HTML5电子说明书界面。

由于该显示设备即是执行本公开实施例中的方法的显示设备，并且该显示设备解决问题的原理与该方法相似，因此该显示设备的实施可以参见方法的实施，重复之处不再赘述。

本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述界面显示方法的步骤。其中，可读存储介质可以为非易失可读存储介质。

以上参照示出根据本公开实施例的方法、装置(系统)和/或计算机程序产品的框图和/或流程图描述本公开。应理解，可以通过计算机程序指令来实现框图和/或流程图示图的一个块以及框图和/或流程图示图的块的组合。可以将这些计算机程序指令提供给通用计算机、专用计算机的处理器和/或其它可编程界面显示装置，使得经由计算机处理器和/或其它可编程界面显示装置执行的指令创建用于实现框图和/或流程图块中所指定的功能/动作的方法。

相应地，还可以用硬件和/或软件(包括固件、驻留软件、微码等)来实施本公开。更进一步地，本公开可以采取计算机可使用或计算机可读存储介质上的计算机程序产品的形式，其具有在介质中实现的计算机可使用或计算机可读程序代码，以由指令执行系统来使用或结合指令执行系统而使用。在本公开上下文中，计算机可使用或计算机可读介质可以是任意介质，其可以包含、存储、通信、传输、或传送程序，以由指令执行系统、装置或设备使用，或结合指令执行系统、装置或设备使用。

尽管已描述了本公开的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本公开范围的所有变更和修改。

显然，本领域的技术人员可以对本公开进行各种改动和变型而不脱离本公开的精神和范围。这样，倘若本公开的这些修改和变型属于本公开权利要求及其等同技术的范围之内，则本公开也意图包含这些改动和变型在内。

Claims (10)

1.一种显示设备，其特征在于，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的超文本标记语言HTML文件以及多个层叠样式表CSS文件；从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

2.根据权利要求1所述的显示设备，其特征在于，所述多个CSS文件分别对应不同的风格参数；

所述处理器具体用于：

若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

3.根据权利要求2所述的显示设备，其特征在于，所述处理器还用于：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

4.根据权利要求2所述的显示设备，其特征在于，所述系统界面的风格参数为用户触发的风格选择指令对应的风格参数；

或者，所述系统界面的风格参数为所述系统界面的默认风格参数。

5.根据权利要求1～4任一所述的显示设备，其特征在于，所述应用层界面为HTML5电子说明书界面。

6.一种显示设备，其特征在于，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取多个备选的应用层界面；从多个备选的应用层界面中选择与所述显示设备的系统界面风格匹配的目标应用层界面；通过所述显示部件将所述目标应用层界面进行显示。

7.一种显示设备，其特征在于，所述显示设备包括：显示部件以及处理器；

所述显示部件，用于显示界面；

所述处理器，用于响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的多个风格的渲染文件；从所述多个风格的渲染文件中选择与所述显示设备的系统界面风格匹配的目标渲染文件；基于所述目标渲染文件渲染得到所述应用层界面，并通过所述显示部件将所述应用层界面进行显示。

8.一种界面显示方法，其特征在于，应用于显示设备，所述方法包括：

响应用户触发的应用层界面显示指令，从网络侧获取所述应用层界面对应的HTML文件以及多个CSS文件；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件；

基于所述HTML文件以及所述目标CSS文件，渲染得到所述应用层界面，并将所述应用层界面进行显示。

9.根据权利要求8所述的方法，其特征在于，所述多个CSS文件分别对应不同的风格参数；

从所述多个CSS文件中选择与所述显示设备的系统界面风格匹配的目标CSS文件，包括：

若所述多个CSS文件的风格参数中有所述系统界面的风格参数，则从所述多个CSS文件中选择所述系统界面的风格参数对应的目标CSS文件。

10.根据权利要求9所述的方法，其特征在于，所述方法还包括：

若所述多个CSS文件的风格参数中没有所述系统界面的风格参数，则选择所述多个CSS文件中默认CSS文件作为所述目标CSS文件。

Images