CN105159677A - 终端用户界面的受控显示方法及装置 - Google Patents
终端用户界面的受控显示方法及装置 Download PDFInfo
- Publication number
- CN105159677A CN105159677A CN201510572316.2A CN201510572316A CN105159677A CN 105159677 A CN105159677 A CN 105159677A CN 201510572316 A CN201510572316 A CN 201510572316A CN 105159677 A CN105159677 A CN 105159677A
- Authority
- CN
- China
- Prior art keywords
- user interface
- information
- page
- described end
- css
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种终端用户界面的受控显示方法,包括:当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;解析页面修改信息,并根据页面修改信息对终端用户界面进行渲染绘制,其中,页面修改信息包括用于对终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对终端用户界面的样式进行修改的CSS信息;显示渲染绘制后的终端用户界面。本发明还公开了一种终端用户界面的受控显示装置。本发明由于在终端设备上显示用户界面前直接利用存储至终端的页面修改信息即可对终端用户界面进行相应的渲染绘制,而无需等待运营商来对前端页面进行修改,能根据用户需要实现快速方便地修改终端设备上显示的用户界面。
Description
技术领域
本发明涉及电视技术领域,尤其涉及一种终端用户界面的受控显示方法及装置。
背景技术
现有的终端设备在显示用户界面如在终端设备上利用浏览器来显示网页等前端页面时,由于前端网页开发人员不可能顾及到不同设备在页面显示中的所有问题,可能导致终端设备在显示用户界面时可能会出现显示比例、样式、逻辑出错等问题。
前端页面由前端运营商开发,现有技术中只能完全依靠前端运营商来针对前端页面中出现的各种问题对前端页面的整体设计进行修改,而无法在显示前端页面的终端上对前端页面进行任何修改以适应终端的显示。前端运营商的处理流程冗长,无论是对终端用户界面的任何修改或常规升级,均只能通过前端运营商冗长的处理流程来完成,设备开发商无法快速方便地修改终端用户界面。
发明内容
本发明的主要目的在于提供一种终端用户界面的受控显示方法及装置,旨在快速方便地修改终端用户界面的显示。
为实现上述目的,本发明提供的一种终端用户界面的受控显示方法,所述方法包括以下步骤:
当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
显示渲染绘制后的终端用户界面。
优选地,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制。
优选地,若所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。
优选地,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤还包括:
若所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则保持所述终端用户界面的默认页面处理逻辑。
优选地,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,所述获取预先注入的页面修改信息的步骤包括:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
优选地,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤还包括:
当所述终端用户界面的同一节点在样式解析池中具有若干CSS信息时,选择若干CSS信息中预设权值最高的CSS信息进行解析,并根据解析的CSS信息对所述终端用户界面进行渲染绘制。
此外,为实现上述目的,本发明还提供一种终端用户界面的受控显示装置,所述终端用户界面的受控显示装置包括:
获取模块,用于当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
解析渲染模块,用于解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
显示模块,用于显示渲染绘制后的终端用户界面。
优选地,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,所述解析渲染模块还用于:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制。
优选地,若所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,所述解析渲染模块还用于:
判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。
优选地,所述解析渲染模块还用于:
若所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则保持所述终端用户界面的默认页面处理逻辑。
优选地,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,所述获取模块还用于:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
所述解析渲染模块还用于:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
优选地,所述解析渲染模块还用于:
当所述终端用户界面的同一节点在样式解析池中具有若干CSS信息时,选择若干CSS信息中预设权值最高的CSS信息进行解析,并根据解析的CSS信息对所述终端用户界面进行渲染绘制。
本发明提出的一种终端用户界面的受控显示方法及装置,当接收到显示终端用户界面的指令时,对预先存储至终端的页面修改信息进行解析,并根据该页面修改信息对终端设备上待显示的用户界面进行渲染绘制,从而显示渲染绘制后的终端用户界面。由于在终端设备上显示用户界面前直接利用预先存储至终端的页面修改信息即可对终端用户界面进行相应的渲染绘制,而无需等待前端运营商来对前端页面进行修改,能在终端上根据用户需要实现快速方便地修改终端设备上显示的用户界面。
附图说明
图1为本发明终端用户界面的受控显示方法一实施例的流程示意图;
图2为本发明终端用户界面的受控显示装置一实施例的功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明提供一种终端用户界面的受控显示方法。
参照图1,图1为本发明终端用户界面的受控显示方法一实施例的流程示意图。
在一实施例中,该终端用户界面的受控显示方法包括:
步骤S10,当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
本实施例中,当终端设备接收到显示用户界面的指令时,并不直接显示加载的页面,而是首先获取用户预先存储至该终端设备中的页面修改信息,将该页面修改信息作为注入至用户界面的页面信息。如该页面修改信息可预先存储至终端设备开发板的一设定目录下,待需要在终端设备上显示用户界面时,从设定目录中获取该页面修改信息。该页面修改信息是用户根据终端设备的显示比例等特性设定的需对最终显示的终端用户界面效果进行修改的信息,在终端设备上显示用户界面时可通过预设的信息注入接口API获取用户注入的页面修改信息。
该页面修改信息可以是与终端用户界面显示相关的各种处理逻辑信息、样式信息,如Javascript脚本代码、层叠样式表CSS等,当然,也不限定该页面修改信息为其他与终端用户界面相关的修改信息。
步骤S20,解析所述页面修改信息,并根据所述页面修改信息及加载的自带页面信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
当在终端设备上显示用户界面时通过预设的信息注入接口API获取到用户注入的页面修改信息后,即可对用户注入的页面修改信息进行解析,可解析获取该页面修改信息中的Javascript脚本代码、层叠样式表CSS等有效信息。再由加载所述终端用户界面时自带的默认页面信息及解析出的Javascript脚本代码、层叠样式表CSS等有效信息对终端用户界面进行布局渲染、绘制,得到最终修改后的终端用户界面。
步骤S30,显示渲染绘制后的终端用户界面。
根据解析的页面修改信息对终端用户界面进行渲染绘制后,获取的渲染绘制后的终端用户界面即为符合用户对最终显示页面效果要求的终端用户界面,在终端设备上显示该渲染绘制后的终端用户界面。这样,用户需要修改终端设备上显示的终端用户界面时,只需通过预设的信息注入接口API获取预先注入的页面修改信息,即可根据注入的页面修改信息对终端用户界面进行渲染绘制,并最终显示修改后的终端用户界面。
本实施例中当接收到显示终端用户界面的指令时,对预先存储至终端的页面修改信息进行解析,并根据该页面修改信息对终端设备上待显示的用户界面进行渲染绘制,从而显示渲染绘制后的终端用户界面。由于在终端设备上显示用户界面前直接利用预先存储至终端的页面修改信息即可对终端用户界面进行相应的渲染绘制,而无需等待前端运营商来对前端页面进行修改,能在终端上根据用户需要实现快速方便地修改终端设备上显示的用户界面。
进一步地,在其他实施例中,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,上述步骤S20可以包括:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制;若否,则保持所述终端用户界面的默认页面处理逻辑。
本实施例中,用户可通过预设的信息注入接口API在终端设备上显示用户界面时注入JS逻辑代码,该JS逻辑代码用于对所述终端用户界面的页面处理逻辑进行添加或修改。其中,JS逻辑代码是一种Javascript脚本代码,Javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
终端设备上显示用户界面时在接收到用户注入的JS逻辑代码后,首先判断所述终端用户界面的统一资源定位符URL与所述JS逻辑代码相对应的预设URL是否一致。由于用户针对不同终端用户界面需要添加或修改的页面处理逻辑可能会各不相同,因此,为了进行区分,在终端设备上显示用户界面的过程中通过预设的信息注入接口API注入JS逻辑代码时,同时注入与该JS逻辑代码相对应的需修改页面处理逻辑的页面URL即预设URL。若判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL一致,则识别所述JS逻辑代码为用户注入的需对该终端用户界面进行页面处理逻辑修改的页面修改信息。则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制,获取最终修改后的终端用户界面。
例如由于运营商在设计所述终端用户界面这种前端页面时可能会缺少相关的处理逻辑,如有的前端页面没有做按键响应的处理逻辑,导致在终端设备上显示用户界面时无法对用户的按键事件进行响应,用户也无法返回或退出当前用户界面。在一种实施方式中,所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,终端设备上显示用户界面时在获取到预先存储至终端的JS按键处理逻辑代码后,先判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致。若一致,则识别所述JS按键处理逻辑代码为用户注入的需对该终端用户界面添加JS按键处理逻辑的页面修改信息。则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。这样,将原本没有做按键响应处理逻辑的前端页面通过执行所述JS按键处理逻辑代码进行渲染绘制后获取添加了JS按键处理逻辑的终端用户界面,即可对用户在最终修改后的终端用户界面中的按键事件进行响应,提高用户体验。
进一步地,若判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则识别所述JS逻辑代码不是对该终端用户界面进行页面处理逻辑修改的页面修改信息,当前的终端用户界面处理逻辑可能是正常的,无需修改,则保持所述终端用户界面的默认页面处理逻辑,以供用户在正常的所述终端用户界面中进行操作。
进一步地,在其他实施例中,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,上述步骤S10可以包括:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
上述步骤S20可以包括:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
由于运营商在设计前端页面时不可能顾及到所有可能显示该前端页面的终端设备的特性,可能会导致有的终端设备上由于显示比例、分辨率等原因造成该前端页面显示效果不佳。因此,本实施例中,用户可根据终端设备的显示比例、分辨率等特性对所述终端用户界面的默认样式进行优化生成CSS信息,并在终端设备上显示用户界面时通过预设的信息注入接口API注入该CSS信息,该CSS信息用于对所述终端用户界面的样式进行修改,以使所述终端用户界面在终端设备上的显示效果最佳。其中,CSS(CascadingStyleSheets)是层叠样式表,也称级联样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,是用于控制网页样式并允许将样式信息与网页内容分离的一种样式设计语言。
具体地,用户可将用于对所述终端用户界面的样式进行修改的CSS信息存储在终端设备的预设地址上,如存储至开发板的预设目录下,这样,在终端设备上显示用户界面时可在终端设备的预设地址上读取预设的CSS信息,然后将读取的CSS信息暂存至预设的字符串。即可通过预设的信息注入接口API将暂存在字符串中的CSS信息注入预设的样式解析池,同时,在终端设备上加载所述终端用户界面时不同页面的自带样式信息即自带CSS信息也会全部注入至该样式解析池。当接收到显示终端用户界面的指令时,解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息对所述终端用户界面进行布局渲染、绘制,最终根据所述CSS信息得到在终端设备上显示效果最佳的终端用户界面。
进一步地,在解析所述样式解析池中注入的样式信息时,可能会出现所述终端用户界面的同一节点在样式解析池中具有若干样式信息的情况,而所述终端用户界面的同一节点只能选取一种样式信息进行渲染。因此,为了便于区分及选择,可根据样式解析池中若干样式信息的预设权值进行解析。如用户需要根据所述CSS信息来渲染得到在终端设备上显示效果最佳的终端用户界面时,可在终端设备的预设地址上存储CSS信息的同时,存储与所述CSS信息对应的最高权值标识。这样,当所述终端用户界面的同一节点在样式解析池中具有若干样式信息时,可根据所述最高权值标识识别出对应的所述CSS信息,以与该节点的自带CSS信息区分,并对样式解析池中的所述CSS信息进行解析,即可根据解析的CSS信息对终端用户界面进行布局渲染、绘制,最终根据所述CSS信息得到在终端设备上显示效果最佳的终端用户界面。
需要说明的是,本实施例中,该最高权值标识可通过在样式信息的末尾添加“!important”后缀的形式来实现,当然,也可通过其他的语法规则或标示信息来实现,在此不作限定。
本发明进一步提供一种终端用户界面的受控显示装置。
参照图2,图2为本发明终端用户界面的受控显示装置一实施例的功能模块示意图。
在一实施例中,该终端用户界面的受控显示装置包括:
获取模块01,用于当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
本实施例中,当终端设备接收到显示用户界面的指令时,并不直接显示加载的页面,而是首先获取用户预先存储至该终端设备中的页面修改信息,将该页面修改信息作为注入至用户界面的页面信息。如该页面修改信息可预先存储至终端设备开发板的一设定目录下,待需要在终端设备上显示用户界面时,从设定目录中获取该页面修改信息。该页面修改信息是用户根据终端设备的显示比例等特性设定的需对最终显示的终端用户界面效果进行修改的信息,在终端设备上显示用户界面时可通过预设的信息注入接口API获取用户注入的页面修改信息。
该页面修改信息可以是与终端用户界面显示相关的各种处理逻辑信息、样式信息,如Javascript脚本代码、层叠样式表CSS等,当然,也不限定该页面修改信息为其他与终端用户界面相关的修改信息。
解析渲染模块02,用于解析所述页面修改信息,并根据所述页面修改信息及加载的自带页面信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
当在终端设备上显示用户界面时通过预设的信息注入接口API获取到用户注入的页面修改信息后,即可对用户注入的页面修改信息进行解析,可解析获取该页面修改信息中的Javascript脚本代码、层叠样式表CSS等有效信息。再由加载所述终端用户界面时自带的默认页面信息及解析出的Javascript脚本代码、层叠样式表CSS等有效信息对终端用户界面进行布局渲染、绘制,得到最终修改后的终端用户界面。
显示模块03,用于显示渲染绘制后的终端用户界面。
根据解析的页面修改信息对终端用户界面进行渲染绘制后,获取的渲染绘制后的终端用户界面即为符合用户对最终显示页面效果要求的终端用户界面,在终端设备上显示该渲染绘制后的终端用户界面。这样,用户需要修改终端设备上显示的终端用户界面时,只需通过预设的信息注入接口API获取预先注入的页面修改信息,即可根据注入的页面修改信息对终端用户界面进行渲染绘制,并最终显示修改后的终端用户界面。
本实施例中当接收到显示终端用户界面的指令时,对预先存储至终端的页面修改信息进行解析,并根据该页面修改信息对终端设备上待显示的用户界面进行渲染绘制,从而显示渲染绘制后的终端用户界面。由于在终端设备上显示用户界面前直接利用预先存储至终端的页面修改信息即可对终端用户界面进行相应的渲染绘制,而无需等待前端运营商来对前端页面进行修改,设备开发商能在终端上根据用户需要实现快速方便地修改终端设备上显示的用户界面。
进一步地,在其他实施例中,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,上述解析渲染模块02还可以用于:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制;若否,则保持所述终端用户界面的默认页面处理逻辑。
本实施例中,用户可通过预设的信息注入接口API在终端设备上显示用户界面时注入JS逻辑代码,该JS逻辑代码用于对所述终端用户界面的页面处理逻辑进行添加或修改。其中,JS逻辑代码是一种Javascript脚本代码,Javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
终端设备上显示用户界面时在接收到用户注入的JS逻辑代码后,首先判断所述终端用户界面的统一资源定位符URL与所述JS逻辑代码相对应的预设URL是否一致。由于用户针对不同终端用户界面需要添加或修改的页面处理逻辑可能会各不相同,因此,为了进行区分,在终端设备上显示用户界面的过程中通过预设的信息注入接口API注入JS逻辑代码时,同时注入与该JS逻辑代码相对应的需修改页面处理逻辑的页面URL即预设URL。若判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL一致,则识别所述JS逻辑代码为用户注入的需对该终端用户界面进行页面处理逻辑修改的页面修改信息。则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制,获取最终修改后的终端用户界面。
例如由于运营商在设计所述终端用户界面这种前端页面时可能会缺少相关的处理逻辑,如有的前端页面没有做按键响应的处理逻辑,导致在终端设备上显示用户界面时无法对用户的按键事件进行响应,用户也无法返回或退出当前用户界面。在一种实施方式中,所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,终端设备上显示用户界面时在获取到预先存储至终端的JS按键处理逻辑代码后,先判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致。若一致,则识别所述JS按键处理逻辑代码为用户注入的需对该终端用户界面添加JS按键处理逻辑的页面修改信息。则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。这样,将原本没有做按键响应处理逻辑的前端页面通过执行所述JS按键处理逻辑代码进行渲染绘制后获取添加了JS按键处理逻辑的终端用户界面,即可对用户在最终修改后的终端用户界面中的按键事件进行响应,提高用户体验。
进一步地,若判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则识别所述JS逻辑代码不是对该终端用户界面进行页面处理逻辑修改的页面修改信息,当前的终端用户界面处理逻辑可能是正常的,无需修改,则保持所述终端用户界面的默认页面处理逻辑,以供用户在正常的所述终端用户界面中进行操作。
进一步地,在其他实施例中,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,上述获取模块01还可以用于:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
上述解析渲染模块02还可以用于:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
由于运营商在设计前端页面时不可能顾及到所有可能显示该前端页面的终端设备的特性,可能会导致有的终端设备上由于显示比例、分辨率等原因造成该前端页面显示效果不佳。因此,本实施例中,用户可根据终端设备的显示比例、分辨率等特性对所述终端用户界面的默认样式进行优化生成CSS信息,并在终端设备上显示用户界面时通过预设的信息注入接口API注入该CSS信息,该CSS信息用于对所述终端用户界面的样式进行修改,以使所述终端用户界面在终端设备上的显示效果最佳。其中,CSS(CascadingStyleSheets)是层叠样式表,也称级联样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,是用于控制网页样式并允许将样式信息与网页内容分离的一种样式设计语言。
具体地,用户可将用于对所述终端用户界面的样式进行修改的CSS信息存储在终端设备的预设地址上,如存储至开发板的预设目录下,这样,在终端设备上显示用户界面时可在终端设备的预设地址上读取预设的CSS信息,然后将读取的CSS信息暂存至预设的字符串。即可通过预设的信息注入接口API将暂存在字符串中的CSS信息注入预设的样式解析池,同时,在终端设备上加载所述终端用户界面时不同页面的自带样式信息即自带CSS信息也会全部注入至该样式解析池。当接收到显示终端用户界面的指令时,解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息对所述终端用户界面进行布局渲染、绘制,最终根据所述CSS信息得到在终端设备上显示效果最佳的终端用户界面。
进一步地,在解析所述样式解析池中注入的样式信息时,可能会出现所述终端用户界面的同一节点在样式解析池中具有若干样式信息的情况,而所述终端用户界面的同一节点只能选取一种样式信息进行渲染。因此,为了便于区分及选择,可根据样式解析池中若干样式信息的预设权值进行解析。如用户需要根据所述CSS信息来渲染得到在终端设备上显示效果最佳的终端用户界面时,可在终端设备的预设地址上存储CSS信息的同时,存储与所述CSS信息对应的最高权值标识。这样,当所述终端用户界面的同一节点在样式解析池中具有若干样式信息时,可根据所述最高权值标识识别出对应的所述CSS信息,以与该节点的自带CSS信息区分,并对样式解析池中的所述CSS信息进行解析,即可根据解析的CSS信息对终端用户界面进行布局渲染、绘制,最终根据所述CSS信息得到在终端设备上显示效果最佳的终端用户界面。
需要说明的是,本实施例中,该最高权值标识可通过在样式信息的末尾添加“!important”后缀的形式来实现,当然,也可通过其他的语法规则或标示信息来实现,在此不作限定。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (12)
1.一种终端用户界面的受控显示方法,其特征在于,所述方法包括以下步骤:
当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
显示渲染绘制后的终端用户界面。
2.如权利要求1所述的终端用户界面的受控显示方法,其特征在于,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制。
3.如权利要求1所述的终端用户界面的受控显示方法,其特征在于,若所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。
4.如权利要求2所述的终端用户界面的受控显示方法,其特征在于,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤还包括:
若所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则保持所述终端用户界面的默认页面处理逻辑。
5.如权利要求1所述的终端用户界面的受控显示方法,其特征在于,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,所述获取预先注入的页面修改信息的步骤包括:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤包括:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
6.如权利要求5所述的终端用户界面的受控显示方法,其特征在于,所述解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制的步骤还包括:
当所述终端用户界面的同一节点在样式解析池中具有若干CSS信息时,选择若干CSS信息中预设权值最高的CSS信息进行解析,并根据解析的CSS信息对所述终端用户界面进行渲染绘制。
7.一种终端用户界面的受控显示装置,其特征在于,所述终端用户界面的受控显示装置包括:
获取模块,用于当接收到显示终端用户界面的指令时,获取预先存储至终端的页面修改信息;
解析渲染模块,用于解析所述页面修改信息,并根据所述页面修改信息对所述终端用户界面进行渲染绘制,其中,所述页面修改信息包括用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码,和/或,用于对所述终端用户界面的样式进行修改的CSS信息;
显示模块,用于显示渲染绘制后的终端用户界面。
8.如权利要求7所述的终端用户界面的受控显示装置,其特征在于,当所述页面修改信息为用于对所述终端用户界面的页面处理逻辑进行添加或修改的JS逻辑代码时,所述解析渲染模块还用于:
判断所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS逻辑代码,以对所述终端用户界面进行渲染绘制。
9.如权利要求7所述的终端用户界面的受控显示装置,其特征在于,若所述页面修改信息为用于在所述终端用户界面无法响应按键指令时为所述终端用户界面添加的JS按键处理逻辑代码,所述解析渲染模块还用于:
判断所述终端用户界面的URL与所述JS按键处理逻辑代码相对应的预设URL是否一致;
若是,则调用JS解析器解析并执行所述JS按键处理逻辑代码,为所述终端用户界面添加JS按键处理逻辑,以供所述终端用户界面响应按键指令。
10.如权利要求8所述的终端用户界面的受控显示装置,其特征在于,所述解析渲染模块还用于:
若所述终端用户界面的URL与所述JS逻辑代码相对应的预设URL不一致,则保持所述终端用户界面的默认页面处理逻辑。
11.如权利要求7所述的终端用户界面的受控显示装置,其特征在于,当所述页面修改信息为用于对所述终端用户界面的样式进行修改的CSS信息时,所述获取模块还用于:
读取预设的CSS信息,并将所述CSS信息注入预设的样式解析池;
所述解析渲染模块还用于:
解析所述样式解析池中注入的所述CSS信息,并根据解析的CSS信息及加载所述终端用户界面时注入所述样式解析池中的自带CSS信息对所述终端用户界面进行渲染绘制。
12.如权利要求11所述的终端用户界面的受控显示装置,其特征在于,所述解析渲染模块还用于:
当所述终端用户界面的同一节点在样式解析池中具有若干CSS信息时,选择若干CSS信息中预设权值最高的CSS信息进行解析,并根据解析的CSS信息对所述终端用户界面进行渲染绘制。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510572316.2A CN105159677A (zh) | 2015-09-09 | 2015-09-09 | 终端用户界面的受控显示方法及装置 |
PCT/CN2016/084250 WO2017041538A1 (zh) | 2015-09-09 | 2016-06-01 | 终端用户界面的受控显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510572316.2A CN105159677A (zh) | 2015-09-09 | 2015-09-09 | 终端用户界面的受控显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105159677A true CN105159677A (zh) | 2015-12-16 |
Family
ID=54800544
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510572316.2A Pending CN105159677A (zh) | 2015-09-09 | 2015-09-09 | 终端用户界面的受控显示方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105159677A (zh) |
WO (1) | WO2017041538A1 (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017041538A1 (zh) * | 2015-09-09 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
CN109933385A (zh) * | 2019-03-22 | 2019-06-25 | 深圳市网心科技有限公司 | 一种页面加载方法、装置、系统及介质 |
CN110020287A (zh) * | 2017-09-29 | 2019-07-16 | 北京国双科技有限公司 | 网页热力图的加载方法及装置 |
CN110188296A (zh) * | 2019-05-13 | 2019-08-30 | 北京百度网讯科技有限公司 | 应用程序内嵌页面处理方法、浏览器、设备和存储介质 |
CN110221848A (zh) * | 2019-04-23 | 2019-09-10 | 五八有限公司 | App页面更新方法、装置、电子设备及存储介质 |
CN110569082A (zh) * | 2019-08-06 | 2019-12-13 | 阿里巴巴集团控股有限公司 | 对页面内容进行控制的方法及装置 |
CN110727482A (zh) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
CN111104107A (zh) * | 2018-10-26 | 2020-05-05 | 北京国双科技有限公司 | 一种用户界面生成方法、测试方法及装置 |
CN111339458A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
CN112313623A (zh) * | 2018-06-25 | 2021-02-02 | 华为技术有限公司 | 一种终端的用户界面显示方法和终端 |
CN116541120A (zh) * | 2023-07-05 | 2023-08-04 | 北京华顺信安信息技术有限公司 | 一种网页渲染方式的识别方法、系统及计算机设备 |
CN111339458B (zh) * | 2018-12-18 | 2024-05-31 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110275727B (zh) * | 2019-06-27 | 2022-09-02 | 江苏满运软件科技有限公司 | 移动端应用程序动态更新方法、系统、设备及存储介质 |
CN112416339A (zh) * | 2020-02-17 | 2021-02-26 | 上海哔哩哔哩科技有限公司 | 页面开发方法、装置、计算机设备 |
CN113760274B (zh) * | 2020-09-04 | 2023-11-03 | 北京京东振世信息技术有限公司 | 一种前端组件逻辑注入方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN103593414A (zh) * | 2013-10-29 | 2014-02-19 | 北京奇虎科技有限公司 | 一种浏览器中网页的展现方法和装置 |
CN104063415A (zh) * | 2014-02-27 | 2014-09-24 | 优视科技有限公司 | 显示网页自定义内容的方法及系统 |
CN104462312A (zh) * | 2014-11-28 | 2015-03-25 | 北京奇虎科技有限公司 | 网页显示方法和浏览器客户端 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070124661A1 (en) * | 2005-11-29 | 2007-05-31 | Keith Hackworth | Generic application processing of specific dynamic database web site content |
CN101676910B (zh) * | 2008-09-19 | 2012-12-05 | 北京大学 | 一种面向Web应用系统的页面生成方法 |
CN102955803B (zh) * | 2011-08-26 | 2016-04-20 | 腾讯科技(深圳)有限公司 | 一种网站展示方法及浏览器 |
CN102663126B (zh) * | 2012-04-23 | 2014-11-12 | 北京奇虎科技有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN103139298B (zh) * | 2013-02-01 | 2017-04-12 | 北京京东世纪贸易有限公司 | 一种传输网络数据的方法和装置 |
CN105159677A (zh) * | 2015-09-09 | 2015-12-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
-
2015
- 2015-09-09 CN CN201510572316.2A patent/CN105159677A/zh active Pending
-
2016
- 2016-06-01 WO PCT/CN2016/084250 patent/WO2017041538A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN103593414A (zh) * | 2013-10-29 | 2014-02-19 | 北京奇虎科技有限公司 | 一种浏览器中网页的展现方法和装置 |
CN104063415A (zh) * | 2014-02-27 | 2014-09-24 | 优视科技有限公司 | 显示网页自定义内容的方法及系统 |
CN104462312A (zh) * | 2014-11-28 | 2015-03-25 | 北京奇虎科技有限公司 | 网页显示方法和浏览器客户端 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017041538A1 (zh) * | 2015-09-09 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
CN110020287A (zh) * | 2017-09-29 | 2019-07-16 | 北京国双科技有限公司 | 网页热力图的加载方法及装置 |
US11941910B2 (en) | 2018-06-25 | 2024-03-26 | Huawei Technologies Co., Ltd. | User interface display method of terminal, and terminal |
US11482037B2 (en) | 2018-06-25 | 2022-10-25 | Huawei Technologies Co., Ltd. | User interface display method of terminal, and terminal |
CN112313623A (zh) * | 2018-06-25 | 2021-02-02 | 华为技术有限公司 | 一种终端的用户界面显示方法和终端 |
CN110727482B (zh) * | 2018-07-16 | 2023-05-12 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
CN110727482A (zh) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
CN111104107A (zh) * | 2018-10-26 | 2020-05-05 | 北京国双科技有限公司 | 一种用户界面生成方法、测试方法及装置 |
CN111339458A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
CN111339458B (zh) * | 2018-12-18 | 2024-05-31 | 阿里巴巴集团控股有限公司 | 页面呈现方法和装置 |
CN109933385A (zh) * | 2019-03-22 | 2019-06-25 | 深圳市网心科技有限公司 | 一种页面加载方法、装置、系统及介质 |
CN110221848A (zh) * | 2019-04-23 | 2019-09-10 | 五八有限公司 | App页面更新方法、装置、电子设备及存储介质 |
CN110188296B (zh) * | 2019-05-13 | 2021-07-13 | 北京百度网讯科技有限公司 | 应用程序内嵌页面处理方法、浏览器、设备和存储介质 |
CN110188296A (zh) * | 2019-05-13 | 2019-08-30 | 北京百度网讯科技有限公司 | 应用程序内嵌页面处理方法、浏览器、设备和存储介质 |
CN110569082A (zh) * | 2019-08-06 | 2019-12-13 | 阿里巴巴集团控股有限公司 | 对页面内容进行控制的方法及装置 |
CN116541120A (zh) * | 2023-07-05 | 2023-08-04 | 北京华顺信安信息技术有限公司 | 一种网页渲染方式的识别方法、系统及计算机设备 |
CN116541120B (zh) * | 2023-07-05 | 2023-11-14 | 北京华顺信安信息技术有限公司 | 一种网页渲染方式的识别方法、系统及计算机设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2017041538A1 (zh) | 2017-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105159677A (zh) | 终端用户界面的受控显示方法及装置 | |
CN110795195B (zh) | 一种网页渲染方法、装置、电子设备及存储介质 | |
TWI690812B (zh) | 頁面元件動態佈局方法、裝置及客戶端 | |
US9077770B2 (en) | Mobile web app infrastructure | |
CN105094786B (zh) | 基于JavaScript定制页面的方法及系统 | |
JP6051337B2 (ja) | クライアント側ページ処理 | |
US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
CN105354014A (zh) | 应用界面渲染展示方法及装置 | |
CN105760162A (zh) | 混合型app软件的开发方法 | |
CN106406844B (zh) | 实现通讯交互平台公众号菜单的方法和装置 | |
CN105335139B (zh) | 网页显示方法和装置 | |
CN104866512A (zh) | 提取网页内容的方法、装置及系统 | |
CN106339414A (zh) | 网页渲染方法及装置 | |
CN103176834B (zh) | 一种调用扩展接口的方法及装置 | |
CN107122398B (zh) | 一种数据展示图表生成方法及系统 | |
US20160012145A1 (en) | Client-Side Template Engine and Method for Constructing a Nested DOM Module for a Website | |
CN102999336A (zh) | 应用界面实现方法和系统 | |
CN110941779B (zh) | 加载页面的方法、装置、存储介质及电子设备 | |
US10282172B2 (en) | Authoring and deploying television apps and pages in a content management system | |
CN110297636A (zh) | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 | |
US20160012147A1 (en) | Asynchronous Initialization of Document Object Model (DOM) Modules | |
CN105183291A (zh) | 显示界面中的信息提取方法及系统 | |
CN103678343A (zh) | 提示网页加载进度的方法和装置 | |
US20160012144A1 (en) | Javascript-based, client-side template driver system | |
CN108319474B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20151216 |
|
RJ01 | Rejection of invention patent application after publication |