CN112099790A - 确定页面主题的方法、装置、设备以及存储介质 - Google Patents
确定页面主题的方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN112099790A CN112099790A CN202010947215.XA CN202010947215A CN112099790A CN 112099790 A CN112099790 A CN 112099790A CN 202010947215 A CN202010947215 A CN 202010947215A CN 112099790 A CN112099790 A CN 112099790A
- Authority
- CN
- China
- Prior art keywords
- target
- style
- style resource
- theme
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 230000015654 memory Effects 0.000 claims description 17
- 230000008859 change Effects 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 11
- 238000012508 change request Methods 0.000 claims description 5
- 238000001514 detection method Methods 0.000 claims description 3
- 239000000126 substance Substances 0.000 claims 1
- 238000005516 engineering process Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 239000003795 chemical substances by application Substances 0.000 description 6
- 238000004891 communication Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013481 data capture Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/151—Transformation
- G06F40/154—Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Computational Linguistics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- General Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
本申请的实施例公开了一种确定页面主题的方法、装置、设备以及存储介质,涉及界面生成技术领域。具体实现方案为:获取目标页面当前运行环境;确定与所述当前运行环境相匹配的目标主题;从预存有对应不同主题的样式资源链接的数据库中,查找与所述目标主题相匹配的目标样式资源链接;在所述目标页面上加载所述目标样式资源链接中的CSS变量值,所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。通过本申请的实施例,页面主题切换时无过多冗余元素的参与,提高切换速度进而使切换更流畅。
Description
技术领域
本申请涉及计算机技术领域,具体涉及界面生成技术领域,尤其涉及确定页面主题的方法、装置、设备以及存储介质。
背景技术
随着IOS13(International Organization for Standardization 13,第13代网间网操作系统)暗黑模式的推广,H5(HTML5,HyperText Mark-up Language5,第5代超文本标记语言)页面需要支持亮色和暗色两种主题的展现。在暗黑模式下,页面需要对应切换成暗色主题,在非暗黑模式下,页面需要对应切换成亮色主题。因此,有必要提供一种确定页面主题的方法来快速切换对应运行环境的主题。
相关技术中,在进行主题切换时,写多套CSS(Cascading Style Sheets,层叠样式表)样式文件,通过切换不同的CSS样式文件来实现页面主题切换。或者,利用less(LeanerStyle Sheets,简洁样式表)运行时进行前端页面主题的编译构建。
发明内容
提供了一种确定页面主题的方法、装置、设备以及存储介质。
根据第一方面,提供了一种确定页面主题的方法,包括:获取目标页面当前运行环境;确定与所述当前运行环境相匹配的目标主题;从预存有对应不同主题的样式资源链接的数据库中,查找与所述目标主题相匹配的目标样式资源链接;在所述目标页面上加载所述目标样式资源链接中的CSS变量值,所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。
根据第二方面,提供了一种确定页面主题的装置,包括:获取模块,被配置为获取目标页面当前运行环境;确定模块,被配置为确定与所述当前运行环境相匹配的目标主题;查找模块,被配置为从预存有对应不同主题的样式资源链接的数据库中,查找与所述目标主题相匹配的目标样式资源链接;第一加载模块,被配置为在所述目标页面上加载所述目标样式资源链接中的CSS变量值,所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。
与现有技术中通过切换不同的CSS样式文件来实现页面主题切换,样式文件冗余元素过多,文件体积大,导致切换时间长,切换体验不流畅相比,根据本申请的技术方案,在页面切换主题时,切换主题时在目标页面上加载目标样式资源链接中的CSS变量值即可完成页面主题切换。CSS变量值指示在主题切换时发生变动的样式,没有过多冗余元素参与,提高切换速度进而使切换更流畅。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是本申请的一些可以应用于其中的示例性系统架构图;
图2是根据本申请的确定页面主题的方法的一个实施例的流程图;
图3是根据本申请的确定页面主题的方法的另一个实施例的流程图;
图4是根据本申请的确定页面主题的方法的又一个实施例的流程图;
图5是根据本申请的确定页面主题的装置的一个实施例的结构示意图;
图6是适于用来实现本申请的一些实施例的服务器或终端的计算机系统的结构示意图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1示出了可以应用本申请的确定页面主题的方法和装置的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种应用,例如各种客户端应用、多方交互应用、人工智能应用等。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是支持文档处理应用的各种电子设备,包括但不限于智能终端、平板电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103提供支持的后台服务器。后台服务器可以对接收到的请求等数据进行分析等处理,并将处理结果反馈给终端设备。
需要说明的是,服务器可以是硬件,也可以是软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
在实践中,本申请实施例所提供的确定页面主题的方法可以由终端设备101、102、103或服务器105执行,确定页面主题的装置也可以设置于终端设备101、102、103或服务器105中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
现有技术中,在进行主题切换时,一种方案是写多套CSS样式文件,通过切换不同的CSS样式文件来实现页面主题切换。该方案的缺点是不同的样式文件冗余元素过多,文件体积大,导致切换时间长,切换体验不流畅。另一种方案是利用less运行时进行前端页面主题的编译构建。该方案的缺点是编译时间长,导致切换体验不流畅。
请参考图2,图2示出了根据本申请的确定页面主题的方法的一个实施例的流程200。该确定页面主题的方法包括以下步骤:
S201,获取目标页面的当前运行环境。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以获取目标页面的当前运行环境。可选的,上述执行主体可以从上述执行主体之外的其它电子设备或者上述执行主体本地,获取目标页面的当前运行环境。
上述目标页面,可以指将要呈现给用户的页面。例如,用户想要搜索某关键词时,打开浏览器时浏览器首页可以作为目标页面;从浏览器首页进入搜索引擎页面时,搜索引擎页面可以作为目标页面;输入关键词进行查询时,结果显示页面可以为目标页面。
当前运行环境可以为自动适配的运行环境或者为用户自主选择切换的运行环境,例如,运行环境可以为暗黑模式,日间模式或者夜间模式等。获取目标页面当前运行环境的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。例如,可以采用JavaScript编程语言编写程序来获取目标页面的当前运行环境,还可以通过爬虫技术或通过具有抓取数据的小程序获取目标页面中的数据来获取目标页面的当前运行环境。
S202,确定与当前运行环境相匹配的目标主题。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以确定与当前运行环境相匹配的目标主题。确定与当前运行环境相匹配的目标主题的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
例如,可以预存有运行环境与主题之间对应关系的对应关系表,该对应关系表中,每个运行环境均有对应的主题,例如,暗黑模式对应暗色主题,日间模式对应日间主题,夜间模式对应夜间主题。在确定当前运行环境后,可以在对应关系表中找到该当前运行环境对应的主题作为目标主题。
又例如,还可以采用用于根据运行环境输出对应主题的模型预测与当前运行环境相匹配的目标主题。
S203,从样式资源链接数据库中,查找与目标主题相匹配的目标样式资源链接,其中,样式资源链接数据库预存有对应不同主题的样式资源链接。
本实施例中,样式资源链接是指指向样式资源的链接。样式资源包括变量定义语句,变量定义语句中包括变量名和指示变量名内容的变量值(即,CSS变量值)。确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以从样式资源链接数据库中,查找与目标主题相匹配的目标样式资源链接。可选的,上述样式资源链接数据库可以存储在上述执行主体之外的其它电子设备或者上述执行主体本地。
可以理解的是,不同主题对应不同的样式资源链接。上述目标样式资源链接,可以指与目标主题对应的样式资源链接。执行主体查找与目标主题相匹配的目标样式资源链接的方法可以为现有技术或未来发展的技术中查找与目标主题相匹配的目标样式资源链接的方法,本申请对此不做限定。
例如,上述样式资源链接数据库中预存的对应不同主题的样式资源链接的链接名称中可以包含有主题名称,执行主体可以将链接名称的主题名称中包含有目标主题的样式资源链接,作为与目标主题相匹配的目标样式资源链接。
S204,在目标页面上加载目标样式资源链接中的CSS变量值,得到目标主题;其中,目标样式资源链接中的CSS变量值用于从目标页面的样式中指示在主题切换时发生变动的样式。
本实施例中,确定页面主题的方法的执行主体可以在目标页面上加载目标样式资源链接中的CSS变量值,进而在目标页面上展现目标主题。
进一步地,目标样式资源链接中的CSS变量值可以加载至对应的CSS变量中,CSS变量对应目标页面的样式中在主题切换时发生变动的样式。
目标样式资源链接指向的样式资源包括可以变量定义语句,变量定义语句包括变量名和指示变量名内容的变量值(即,CSS变量值)。CSS变量可以包括属性名和属性值,其中属性值通过var()函数调用变量定义语句中的变量名以获取变量值。
在目标页面上加载目标样式资源链接后,CSS变量中的属性值根据变量值进行变动。CSS变量中的属性值改变时,页面样式相应变动,即,目标页面的主题切换至目标主题。
举例来说,CSS变量可以为以下形式:
.box{
color:var(--textcolor);
}
目标样式资源链接中的变量定义语句可以为以下形式:
:root{
--textcolor:red;
}
该示例中,“box”和“root”为标签,用于表明语句的类别。变量定义语句中定义变量名“--textcolor”的变量值为“red”,表示文本颜色为红色。“color”为属性名,表示该CSS变量用于指示页面样式中的颜色属性。“var(--textcolor)”为属性值,其通过var()函数调用变量名“--textcolor”以获取变量值“red”。在目标页面上加载该目标样式资源链接后,目标页面的文本颜色显示为红色。
上述在主题切换时发生变动的样式可以指页面主题切换过程中,页面中属性发生变动的样式,例如,切换主题时背景颜色发生了改变,则背景颜色可以作为上述主题切换时发生变动的样式。再例如,切换主题时字体颜色发生了改变,则字体颜色可以作为上述主题切换时发生变动的样式。
可以理解的是,目标页面的样式除包括上述在主题切换时发生变动的样式之外,还可以包括在主题切换时不随主题的变动发生变动的样式,例如,可以为文字的字号,文字的字体等。
综上,本实施例提供的确定页面主题的方法中,执行主体可以获取目标页面的当前运行环境并根据当前运行环境确定匹配的目标主题,进而加载与目标主题相匹配的目标样式资源链接完成主题切换,用户无需给出主题切换指令即可向用户呈现适配当前运行环境的主题,提高用户体验。并且,在切换主题时加载的目标样式资源链接中仅包括用于从目标页面的样式中指示在主题切换时发生变动的样式的CSS变量值,在加载CSS变量值时目标页面中仅有部分样式发生变化,加载数据量相较包括目标页面全部样式资源的CSS样式表显著减少,提高加载速度,减少主题切换时间,进而提高切换速度和流畅度。
请参考图3,图3示出了根据本申请的确定页面主题的方法的另一个实施例的流程300。该确定页面主题的方法包括以下步骤:
S301,获取目标页面的当前运行环境。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以获取目标页面的当前运行环境。可选的,上述执行主体可以从上述执行主体之外的其它电子设备或者上述执行主体本地,获取目标页面的当前运行环境。
上述目标页面,可以指将要呈现给用户的页面,例如,用户想要搜索某关键词时,打开浏览器时浏览器首页可以作为目标页面;从浏览器首页进入搜索引擎页面后,搜索引擎页面可以作为目标页面;输入关键词进行查询后,结果显示页面可以为目标页面等。
当前运行环境可以为终端设备内部自动适配的运行环境或者为用户自主选择切换的运行环境,例如,运行环境可以为暗黑模式,日间模式或者夜间模式等。获取目标页面当前运行环境的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
S302,确定与当前运行环境相匹配的目标主题。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以确定与当前运行环境相匹配的目标主题。确定与当前运行环境相匹配的目标主题的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
S303,根据目标主题,更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据;从样式资源链接数据库中,查找目标标识数据对应的样式资源链接,得到目标样式资源链接。
本实施例中,样式资源链接是指指向样式资源的链接。样式资源包括变量定义语句,变量定义语句中包括变量名和指示变量名内容的变量值(即,CSS变量值)。确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以根据目标主题更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据。然后,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以从样式资源链接数据库中,查找目标标识数据对应的样式资源链接,得到目标样式资源链接。可选的,上述样式资源链接数据库可以存储在上述执行主体之外的其它电子设备或者上述执行主体本地。
本领域技术人员公知的是,上述body标签为H5页面中的一个标签,body标签中的元素定义文档的主体,body标签中的元素包含文档的所有内容,比如文本、超链接、图像、表格、列表等。
其中,上述目标页面的body标签中存储的用于指示主题名称的标识数据可以为下述形式:
例如,可以为<body data-theme=“dark”>,其中,“body”为标签,用于表明位置,“data-theme”为主题名称数据,“dark”对主题名称数据进行赋值,表征主题的名称,根据该标识数据可以确定目标主题为暗色主题。
例如,可以为<body data-theme=“light”>,其中,“body”为标签,用于表明位置,“data-theme”为主题名称数据,“light”对主题名称数据进行赋值,表征主题的名称,根据该标识数据可以确定目标主题为亮色主题。
举例来说,上述根据目标主题更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据的过程可以如下所示:
目标页面的body标签中某一时刻存储的标识数据为<body data-theme=“light”>,执行主体确定目标主题为暗色主题后,将body标签中的标识数据更改为:<body data-theme=“dark”>。
上述查找目标标识数据对应的样式资源链接,得到目标样式资源链接的过程中,可以基于key-value分布式存储系统的形式,通过CSS选择器选择目标数据对应的样式资源链接。
作为一种示例,目标标识数据为<body data-theme=“light”>时,通过CSS选择器选择对应的样式资源链接“light.css”作为目标样式资源链接:
//light.css
:root{
--textcolor:#999;
}
其中,“light.css”为样式资源链接的名称,表示该样式资源链接对应的是“<bodydata-theme=“light”>”亮色主题。“root”为标签表示“根源”的意思,用于供CSS选择器进行选择。“--textcolor”为变量名,含义为文本颜色。“#999”为CSS变量值,根据预先设定的规则指向一种颜色。
作为另一种示例,目标标识数据为<body data-theme=“dark”>时,通过CSS选择器选择对应的样式资源链接“dark.css”作为目标样式资源链接:
//dark.css
:root{
--textcolor:rgba(0,0,0,0,8);
}
其中,“dark.css”为样式资源链接的名称表示该样式资源链接对应的是“<bodydata-theme=“dark”>”暗色主题。“root”为标签表示“根源”的意思,用于供CSS选择器进行选择。“--textcolor”为变量名,含义为文本颜色。“rgba(0,0,0,0,8)”为CSS变量值,根据预先设定的规则指向一种颜色。
该步骤中,通过body标签中的标识数据指示当前的主题名称,在进行查找时根据标识数据可以快速获取目标主题对应的目标样式资源链接。
S304,在目标页面上加载目标样式资源链接中的CSS变量值,目标样式资源链接中的CSS变量值用于从目标页面的样式中指示在主题切换时发生变动的样式。
本实施例中,确定页面主题的方法的执行主体可以在目标页面上加载目标样式资源链接中的CSS变量值。
进一步地,目标样式资源链接中的CSS变量值可以加载至对应的CSS变量中,CSS变量对应目标页面的样式中在主题切换时发生变动的样式。
目标样式资源链接指向的样式资源可以包括变量定义语句,变量定义语句包括变量名和指示变量名内容的变量值(即,CSS变量值)。CSS变量可以包括属性名和属性值,其中属性值通过var()函数调用变量定义语句中的变量名以获取变量值。
在目标页面上加载目标样式资源链接后,CSS变量中的属性值根据变量值进行变动。CSS变量中的属性值改变时,页面样式相应变动,即,目标页面的主题切换为目标主题。
在本实施例中,步骤S301、步骤S302、步骤S304的操作与步骤S201、步骤S202、步骤S204的操作基本相同,在此不再赘述。
S305,响应于检测到目标页面的body标签中存储的用于指示主题名称的标识数据改变时;选择并加载与目标标识数据相对应的背景图片。
本实施例中,在检测目标页面的body标签中存储的用于指示主题名称的标识数据是否发生改变时,可以通过MutationObserver(变异观察器)或者HttpSessionAttributeListener(监听器)监视目标页面的body标签中存储的用于指示主题名称的标识数据。
响应于检测到目标页面的body标签中存储的用于指示主题名称的标识数据改变时,确定页面主题的方法的执行主体可以选择并加载与目标标识数据相对应的背景图片。
该示例中,用户可以预先针对不同的主题分别设置有对应的背景图片以供选择并加载,背景图片可以存储在终端或者服务器等。
其中,执行主体可以基于key-value分布式存储系统的形式,通过CSS选择器选择目标标识数据对应的背景图片进行加载。
例如,对于如下的页面结构:
其中,“body”为标签,用于表明位置,“data-theme”为主题名称数据,“dark”对主题名称数据进行赋值,表征主题的名称,根据该标识数据可以确定目标主题为暗色主题;“i”为标签,用于表明元素,“class”为标签样式类,“test-ico”表征具体样式类的名称
可以采用如下方式选择并加载对应的背景图片:
其中,“body[data-theme="dark"].test-ico”为<body data-theme=“dark”>暗色主题时类名为test-ico元素的样式选择器,可以通过该样式选择器定义该元素在暗色模式下的展示样式,“background”为背景图片的样式名,“url('dark-icon.png')no-repeat;”表示使用名为dark-icon.png的图片资源作为背景图片;“body[data-theme="light"].test-ico”为<body data-theme=“light”>亮色主题时类名为test-ico元素的样式选择器,可以通过该样式选择器定义该元素在亮色模式下的展示样式,“background”为背景图片的样式名,“url(light-icon.png')no-repeat;”表示使用名为light-icon.png的图片资源作为背景图片。
通过该步骤,页面在切换主题时背景图片也可以进行适应性更改,提高了主题切换的智能化程度,满足用户的多样化需求。
综上,本实施例提供的确定页面主题的方法中,执行主体可以获取目标页面的当前运行环境并根据当前运行环境确定匹配的目标主题,进而加载与目标主题相匹配的目标样式资源链接完成主题的切换,用户无需给出主题切换指令即可向用户呈现适配当前运行环境的主题,提高用户体验。并且在切换主题时加载的目标样式资源链接中仅包括用于从目标页面的样式中指示在主题切换时发生变动的样式的CSS变量值,在加载CSS变量值时目标页面中仅有部分样式发生变化,加载数据量相较包括目标页面全部样式资源的CSS样式表显著减少,提高加载速度,减少主题切换时间,进而提高切换速度和流畅度。
此外,通过更改标识数据进而根据目标标识数据查找目标样式资源链接,可以快速获得目标样式资源链接。还可以通过目标标识数据选择并加载对应的背景图片,使背景图片可以随主题切换进行更换,提高了主题切换的智能化程度,满足更多用户需求。
请参考图4,图4示出了根据本申请的确定页面主题的方法的另一个实施例的流程400。该确定页面主题的方法包括以下步骤:
S401,获取目标页面的当前运行环境。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以获取目标页面的当前运行环境。可选的,上述执行主体可以从上述执行主体之外的其它电子设备或者上述执行主体本地,获取目标页面的当前运行环境。
上述目标页面,可以指将要呈现给用户的页面。例如,用户想要搜索某关键词时,打开浏览器时浏览器首页可以作为目标页面;从浏览器首页进入搜索引擎页面时,搜索引擎页面可以作为目标页面;输入关键词进行查询时,结果显示页面可以为目标页面。
当前运行环境可以为自动适配的运行环境或者为用户自主选择切换的运行环境,例如,运行环境可以为暗黑模式,日间模式或者夜间模式等。获取目标页面当前运行环境的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
S402,确定与当前运行环境相匹配的目标主题。
本实施例中,确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以确定与当前运行环境相匹配的目标主题。可选的,上述执行主体可以从上述执行主体之外的其它电子设备或者上述执行主体本地,获取与当前运行环境相匹配的目标主题。
确定与当前运行环境相匹配的目标主题的方法,可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
S403,从样式资源链接数据库中,查找与目标主题相匹配的目标样式资源链接;其中,样式资源链接的数据库中预存有对应不同主题的样式资源链接。
本实施例中,样式资源链接是指指向样式资源的链接。样式资源包括变量定义语句,变量定义语句中包括变量名和指示变量名内容的变量值(即,CSS变量值)。确定页面主题的方法的执行主体(例如图1所示的终端或服务器)可以从样式资源链接数据库中,查找与目标主题相匹配的目标样式资源链接。可选的,上述样式资源链接数据库可以存储在上述执行主体之外的其它电子设备或者上述执行主体本地。
可以理解的是,不同主题对应不同的样式资源链接。上述目标样式资源链接,可以指与目标主题对应的样式资源链接。
执行主体查找与目标主题相匹配的目标样式资源链接的方法可以为现有技术或未来发展的技术中获取目标页面当前运行环境的方法,本申请对此不做限定。
S404,在目标页面上加载目标样式资源链接中的CSS变量值,得到目标主题;其中,目标样式资源链接中的CSS变量值用于从目标页面的样式中指示在主题切换时发生变动的样式。
本实施例中,确定页面主题的方法的执行主体可以在目标页面上加载目标样式资源链接中的CSS变量值,进而在目标页面上展现目标主题。
进一步地,目标样式资源链接中的CSS变量值可以加载至对应的CSS变量中,CSS变量对应目标页面的样式中在主题切换时发生变动的样式。
目标样式资源链接指向的样式资源可以包括变量定义语句,变量定义语句包括变量名和指示变量名内容的变量值(即,CSS变量值)。CSS变量可以包括属性名和属性值,其中属性值通过var()函数调用变量定义语句中的变量名以获取变量值。
在目标页面上加载目标样式资源链接后,CSS变量中的属性值根据变量值进行变动。CSS变量中的属性值改变时,页面样式相应变动,即,目标页面的主题切换为目标主题。
本实施例中,步骤S401-S404的操作与上述步骤S201-S204的操作基本相同,在此不再赘述。
S405,响应于接收到用户对样式资源链接中的样式资源的更改请求,更改样式资源链接中的样式资源。
本实施例中,执行主体可以响应于接收到用户对样式资源链接中的样式资源的更改请求,更改样式资源链接中的样式资源。
其中,更改样式资源链接中的样式资源可以为更改变量定义语句中的变量值。
例如,响应于用户对暗色模式下文本颜色的更改,将
//dark.css
:root{
--textcolor:rgba(0,0,0,0,8);
}
更改为:
/dark.css
:root{
--textcolor:rgba(0,0,0,0,9);
}
其中,“dark.css”为样式资源链接的名称,表示该样式资源链接对应的是暗色主题。“root”为标签表示“根源”的意思,用于供CSS选择器进行选择。“--textcolor”为变量名,含义为文本颜色。“rgba(0,0,0,0,8)和rgba(0,0,0,0,9)”为CSS变量值,根据预先设定的规则分别指向一种颜色。
如此,使用户可以对样式资源链接中的样式资源进行更改,满足用户的个性化需求。
S406,响应于接收到用户增加样式资源链接中的样式资源的请求,增加样式资源链接中的样式资源。
本实施例中,执行主体响应于接收到用户对样式资源链接中的样式资源的增加请求,可以增加样式资源链接中的样式资源。
其中,增加样式资源链接中的样式资源可以为在样式资源链接中增加一条变量定义语句。
例如,一种样式资源链接的内容如下:
//dark.css
:root{
--textcolor:white;
}
增加样式资源后样式资源链接可以如下:
//dark.css
:root{
--textcolor:white;
--bgcolor:black;
}
其中,“dark.css”为样式资源链接的名称,表示该样式资源链接对应的是暗色主题。“root”为标签表示“根源”的意思,用于供CSS选择器进行选择。“--textcolor”和“--bgcolor”为变量名,含义分别为文本颜色和背景颜色,“white”和“black”分别为CSS变量值,变量定义语句“--textcolor:white”定义文本颜色为白色,变量定义语句“--bgcolor:black”定义背景颜色为黑色。
如此,使用户可以对样式资源链接中的样式资源进行增加,满足用户的个性化需求。
S407,响应于接收到用户删除样式资源连接中的样式资源的请求,删除样式资源链接中的样式资源。
本实施例中,执行主体响应于接收到用户对样式资源链接中的样式资源的删除请求,可以删除样式资源链接中的样式资源。
其中,删除样式资源链接中的样式资源可以为在样式资源链接中删除一条变量定义语句。
例如,一种样式资源链接的内容如下:
//dark.css
:root{
--textcolor:white;
--bgcolor:black;
}
删除样式资源后样式资源链接可以如下:
//dark.css
:root{
--textcolor:white;
}
其中,“dark.css”为样式资源链接的名称,表示该样式资源链接对应的是暗色主题。“root”为标签表示“根源”的意思,用于供CSS选择器进行选择。“–textcolor”和“--bgcolor”为变量名,含义分别为文本颜色和背景颜色,“white”和“black”分别为CSS变量值,变量定义语句“--textcolor:white”定义文本颜色为白色,变量定义语句“--bgcolor:black”定义背景颜色为黑色。
如此,使用户可以对样式资源链接中的样式资源进行删除,满足用户的个性化需求。
综上,本实施例提供的确定页面主题的方法中,执行主体可以获取目标页面的当前运行环境并根据当前运行环境确定匹配的目标主题,进而加载与目标主题相匹配的目标样式资源链接完成主题切换,用户无需给出主题切换指令即可向用户呈现适配当前运行环境的主题,提高用户体验。并且,在切换主题时加载的目标样式资源链接中仅包括用于从目标页面的样式中指示在主题切换时发生变动的样式的CSS变量值,在加载CSS变量值时目标页面中仅有部分样式发生变化,加载数据量相较包括目标页面全部样式资源的CSS样式表显著减少,提高加载速度,减少主题切换时间,进而提高切换速度和流畅度。此外,用户还可以对样式资源链接中的样式资源进行更改、删除和/或增加操作,满足用户的个性化需求。
请参考图5,图5示出了根据本申请的确定页面主题的装置的一个实施例的结构示意图。该确定页面主题的装置500包括:获取模块501,被配置为获取目标页面的当前运行环境。确定模块502,被配置为确定与当前运行环境相匹配的目标主题。查找模块503,被配置为从样式资源链接数据库中,查找与目标主题相匹配的目标样式资源链接,其中,样式资源链接数据库中预存有对应不同主题的样式资源链接。第一加载模块504,被配置为在目标页面上加载目标样式资源链接中的CSS变量值,得到目标主题;其中,目标样式资源链接中的CSS变量值用于从目标页面的样式中指示在主题切换时发生变动的样式。
本实施例提供的确定页面主题的装置,可以获取目标页面的当前运行环境并根据当前运行环境确定匹配的目标主题,进而加载与目标主题相匹配的目标样式资源链接完成主题的切换,用户无需给出主题切换指令即可向用户呈现适配当前运行环境的主题,提高用户体验。并且在切换主题时加载的目标样式资源链接中仅包括用于从目标页面的样式中指示在主题切换时发生变动的样式的CSS变量值,在加载CSS变量值时目标页面中仅有部分样式发生变化,加载数据量相较包括目标页面全部样式资源的CSS样式表显著减少,提高加载速度,减少主题切换时间,进而提高切换速度和流畅度。
在本实施例的一些可选的实现方式中,该确定页面主题的装置还包括:第一更改模块(图中未示出),被配置为根据目标主题更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据。查找模块503,进一步被配置为查找目标标识数据对应的样式资源链接,得到目标样式资源链接。
在本实施例的一些可选的实现方式中,该确定页面主题的装置还包括:检测模块(图中未示出),被配置为检测目标页面的body标签中存储的用于指示主题名称的标识数据。第二加载模块(图中未示出),被配置为在目标页面的body标签中存储的用于指示主题名称的标识数据改变时,选择并加载与目标标识数据相对应的背景图片。
在本实施例的一些可选的实现方式中,该确定页面主题的装置还包括:第二更改模块(图中未示出),被配置为接收到用户对样式资源链接中的样式资源的更改请求之后,更改样式资源链接中的样式资源。
在本实施例的一些可选的实现方式中,该确定页面主题的装置还包括:增加模块(图中未示出),被配置为接收到用户增加样式资源链接中的样式资源的请求之后,增加样式资源链接中的样式资源。删除模块(图中未示出),被配置为接收到用户删除样式资源链接中的样式资源的请求之后,删除样式资源链接中的样式资源。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图6所示,是根据本申请实施例的确定页面主题的方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图6所示,该电子设备包括:一个或多个处理器601、存储器602,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。
存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的确定页面主题的方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的确定页面主题的方法。
存储器602作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的确定页面主题的方法。
存储器602可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据确定页面主题的电子设备的使用所创建的数据等。此外,存储器602可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器602可选包括相对于处理器601远程设置的存储器,这些远程存储器可以通过网络连接至确定页面主题的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
确定页面主题的电子设备还可以包括:输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接,图6中以通过总线连接为例。
输入装置603可接收输入的数字或字符信息,以及产生与确定页面主题的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (12)
1.一种确定页面主题的方法,包括:
获取目标页面的当前运行环境;
确定与所述当前运行环境相匹配的目标主题;
从样式资源链接数据库中,查找与所述目标主题相匹配的目标样式资源链接;其中,所述样式资源链接数据库预存有对应不同主题的样式资源链接;
在所述目标页面上加载所述目标样式资源链接中的CSS变量值,得到所述目标主题;其中,所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。
2.根据权利要求1所述的方法,所述方法还包括:
根据所述目标主题,更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据;
所述查找与所述目标主题相匹配的目标样式资源链接,包括:查找所述目标标识数据对应的样式资源链接,得到目标样式资源链接。
3.根据权利要求2所述的方法,所述方法还包括,
响应于检测到所述目标页面的body标签中存储的用于指示主题名称的标识数据改变时,选择并加载与所述目标标识数据相对应的背景图片。
4.根据权利要求1所述的方法,所述方法还包括:
响应于接收到用户对所述样式资源链接中的样式资源的更改请求,更改所述样式资源链接中的样式资源。
5.根据权利要求1所述的方法,所述方法还包括:
响应于接收到用户增加所述样式资源链接中的样式资源的请求,增加所述样式资源链接中的样式资源;和/或,
响应于接收到用户删除所述样式资源连接中的样式资源的请求,删除所述样式资源链接中的样式资源。
6.一种确定页面主题的装置,包括:
获取模块,被配置为获取目标页面的当前运行环境;
确定模块,被配置为确定与所述当前运行环境相匹配的目标主题;
查找模块,被配置为从样式资源链接数据库中,查找与所述目标主题相匹配的目标样式资源链接;其中,所述样式资源链接数据库预存有对应不同主题的样式资源链接;
第一加载模块,被配置为在所述目标页面上加载所述目标样式资源链接中的CSS变量值,得到所述目标主题;其中,所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。
7.根据权利要求6所述的装置,所述装置还包括:
第一更改模块,被配置为根据所述目标主题,更改目标页面的body标签中存储的用于指示主题名称的标识数据,得到目标标识数据;
所述查找模块,进一步被配置为查找所述目标标识数据对应的样式资源链接,得到目标样式资源链接。
8.根据权利要求7所述的装置,所述装置还包括:
检测模块,被配置为检测所述目标页面的body标签中存储的用于指示主题名称的标识数据;
第二加载模块,被配置为在所述目标页面的body标签中存储的用于指示主题名称的标识数据改变时,选择并加载与所述目标标识数据相对应的背景图片。
9.根据权利要求6所述的装置,所述装置还包括:
第二更改模块,被配置为接收到用户对所述样式资源链接中的样式资源的更改请求之后,更改所述样式资源链接中的样式资源。
10.根据权利要求6所述的装置,所述装置还包括:
增加模块,被配置为接收到用户增加所述样式资源链接中的样式资源的请求之后,增加所述样式资源链接中的样式资源;
删除模块,被配置为接收到用户删除所述样式资源链接中的样式资源的请求之后,删除所述样式资源链接中的样式资源。
11.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-5中任一项所述的方法。
12.一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行权利要求1-5中任一项所述的方法。
Priority Applications (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010947215.XA CN112099790B (zh) | 2020-09-10 | 2020-09-10 | 确定页面主题的方法、装置、设备以及存储介质 |
KR1020210031426A KR102585797B1 (ko) | 2020-09-10 | 2021-03-10 | 페이지 테마 결정 방법, 장치, 기기 및 저장 매체 |
JP2021048630A JP7366078B2 (ja) | 2020-09-10 | 2021-03-23 | ページのテーマを決定するための方法、装置、電子機器、コンピュータ可読記憶媒体及びコンピュータプログラム |
EP21164599.9A EP3822828A3 (en) | 2020-09-10 | 2021-03-24 | Method, apparatus, device and storage medium for determining page theme and computer program product |
US17/213,447 US20230259691A9 (en) | 2020-09-10 | 2021-03-26 | Method, apparatus, device and storage medium for determining page theme |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010947215.XA CN112099790B (zh) | 2020-09-10 | 2020-09-10 | 确定页面主题的方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112099790A true CN112099790A (zh) | 2020-12-18 |
CN112099790B CN112099790B (zh) | 2024-03-29 |
Family
ID=73752204
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010947215.XA Active CN112099790B (zh) | 2020-09-10 | 2020-09-10 | 确定页面主题的方法、装置、设备以及存储介质 |
Country Status (5)
Country | Link |
---|---|
US (1) | US20230259691A9 (zh) |
EP (1) | EP3822828A3 (zh) |
JP (1) | JP7366078B2 (zh) |
KR (1) | KR102585797B1 (zh) |
CN (1) | CN112099790B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112783493A (zh) * | 2021-01-29 | 2021-05-11 | 北京百度网讯科技有限公司 | 用于界面主题的样式配置方法、装置、电子设备及介质 |
CN112800372A (zh) * | 2021-02-03 | 2021-05-14 | 网易(杭州)网络有限公司 | 页面加载方法、装置和电子设备 |
CN113065083A (zh) * | 2021-02-26 | 2021-07-02 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
CN113157374A (zh) * | 2021-04-27 | 2021-07-23 | 北京有竹居网络技术有限公司 | 页面模式切换方法、装置、设备以及存储介质 |
CN113569171A (zh) * | 2021-09-26 | 2021-10-29 | 上海观安信息技术股份有限公司 | 网页主题更换方法及装置、存储介质、计算机设备 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、系统、装置和介质 |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114047846A (zh) * | 2021-10-22 | 2022-02-15 | 北京鲸鲮信息系统技术有限公司 | 一种控件风格的控制方法及装置 |
CN113987318B (zh) * | 2021-11-01 | 2024-03-12 | 盐城天眼察微科技有限公司 | 页面监控方法、装置、设备及计算机存储介质 |
CN114185629A (zh) * | 2021-11-26 | 2022-03-15 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备和存储介质 |
CN115150653B (zh) * | 2022-06-25 | 2024-02-06 | 北京字跳网络技术有限公司 | 媒体内容的展示方法、装置、电子设备和存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030233620A1 (en) * | 2002-06-12 | 2003-12-18 | Oracle International Corporation | Methods and systems for managing styles electronic documents |
US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
US20150212988A1 (en) * | 2013-06-04 | 2015-07-30 | Panasonic Intellectual Property Corporation Of America | Information display method and program |
CN106569885A (zh) * | 2016-10-13 | 2017-04-19 | 乐视控股(北京)有限公司 | 应用主题切换方法及装置 |
CN111104117A (zh) * | 2019-12-17 | 2020-05-05 | 深圳前海环融联易信息科技服务有限公司 | 页面主题风格切换方法、装置、电子设备及计算机存储介质 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7917860B2 (en) * | 2005-03-03 | 2011-03-29 | Microsoft Corporation | Simple styling |
JP4867246B2 (ja) * | 2005-09-13 | 2012-02-01 | 富士ゼロックス株式会社 | 文書処理装置 |
US7908551B2 (en) * | 2006-06-29 | 2011-03-15 | Google Inc. | Dynamically generating customized user interfaces |
KR100850021B1 (ko) * | 2006-12-27 | 2008-08-01 | 엔에이치엔(주) | 웹문서 스타일 변경 시스템 및 방법 |
US9443014B2 (en) * | 2011-03-30 | 2016-09-13 | Google Inc. | Custom web page themes |
CN110968808B (zh) * | 2018-09-29 | 2023-05-23 | 北京国双科技有限公司 | 一种实现网页主题更新的方法及装置 |
-
2020
- 2020-09-10 CN CN202010947215.XA patent/CN112099790B/zh active Active
-
2021
- 2021-03-10 KR KR1020210031426A patent/KR102585797B1/ko active IP Right Grant
- 2021-03-23 JP JP2021048630A patent/JP7366078B2/ja active Active
- 2021-03-24 EP EP21164599.9A patent/EP3822828A3/en active Pending
- 2021-03-26 US US17/213,447 patent/US20230259691A9/en active Granted
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030233620A1 (en) * | 2002-06-12 | 2003-12-18 | Oracle International Corporation | Methods and systems for managing styles electronic documents |
US20150193388A1 (en) * | 2009-11-18 | 2015-07-09 | Manu Cornet | Dynamic image generation for customizable user interfaces |
US20150212988A1 (en) * | 2013-06-04 | 2015-07-30 | Panasonic Intellectual Property Corporation Of America | Information display method and program |
CN106569885A (zh) * | 2016-10-13 | 2017-04-19 | 乐视控股(北京)有限公司 | 应用主题切换方法及装置 |
CN111104117A (zh) * | 2019-12-17 | 2020-05-05 | 深圳前海环融联易信息科技服务有限公司 | 页面主题风格切换方法、装置、电子设备及计算机存储介质 |
Non-Patent Citations (1)
Title |
---|
刘鹏;: "CSS链接样式在网页设计中的应用及分析", 数字技术与应用, no. 02 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112783493A (zh) * | 2021-01-29 | 2021-05-11 | 北京百度网讯科技有限公司 | 用于界面主题的样式配置方法、装置、电子设备及介质 |
CN112800372A (zh) * | 2021-02-03 | 2021-05-14 | 网易(杭州)网络有限公司 | 页面加载方法、装置和电子设备 |
CN113065083A (zh) * | 2021-02-26 | 2021-07-02 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
CN113065083B (zh) * | 2021-02-26 | 2023-10-31 | 北京达佳互联信息技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
CN113157374A (zh) * | 2021-04-27 | 2021-07-23 | 北京有竹居网络技术有限公司 | 页面模式切换方法、装置、设备以及存储介质 |
CN113569171A (zh) * | 2021-09-26 | 2021-10-29 | 上海观安信息技术股份有限公司 | 网页主题更换方法及装置、存储介质、计算机设备 |
CN114625459A (zh) * | 2022-02-23 | 2022-06-14 | 浙江百应科技有限公司 | 一种页面主题风格切换的方法、系统、装置和介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112099790B (zh) | 2024-03-29 |
US20210216701A1 (en) | 2021-07-15 |
JP7366078B2 (ja) | 2023-10-20 |
EP3822828A3 (en) | 2021-10-06 |
KR102585797B1 (ko) | 2023-10-10 |
KR20220033967A (ko) | 2022-03-17 |
EP3822828A2 (en) | 2021-05-19 |
US20230259691A9 (en) | 2023-08-17 |
JP2022033689A (ja) | 2022-03-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112099790B (zh) | 确定页面主题的方法、装置、设备以及存储介质 | |
US10261650B2 (en) | Window grouping and management across applications and devices | |
CN103034517A (zh) | 浏览器控制工具加载方法和装置 | |
US11270669B2 (en) | Rendering method and apparatus, electronic device and storage medium | |
US20210209526A1 (en) | Landing page processing method, device and medium | |
US11526259B2 (en) | Method and apparatus for determining extended reading content, device and storage medium | |
EP3805909B1 (en) | Display control device, display control method, and display control program | |
CN111460296B (zh) | 用于更新事件集合的方法和装置 | |
US9892193B2 (en) | Using content found in online discussion sources to detect problems and corresponding solutions | |
CN112506854A (zh) | 页面模板文件的存储和页面生成方法、装置、设备及介质 | |
CN112163143B (zh) | 页面切换的方法、装置、设备以及存储介质 | |
EP3889770B1 (en) | Mini program material processing | |
CN112528608B (zh) | 页面编辑方法、装置、电子设备和存储介质 | |
WO2015014262A1 (en) | Method, system and terminal for performing search in browser | |
CN111506838A (zh) | 浏览器中标签页的展示方法和装置、介质、设备 | |
CN112988255B (zh) | 数据处理方法、装置及计算机可读存储介质 | |
CN111680508B (zh) | 文本的处理方法和装置 | |
CN114489639A (zh) | 文件生成方法、装置、设备及存储介质 | |
CN111611476B (zh) | 专题页面的显示方法和装置 | |
CN113158098B (zh) | 页面生成方法、装置、设备和介质 | |
CN111931111A (zh) | 一种网页开发方法、网页展示方法、装置及设备 | |
CN112099791B (zh) | 设置浏览器中页面的样式的方法、装置、设备和存储介质 | |
CN108268297B (zh) | 应用界面的显示方法、装置、存储介质及电子设备 | |
US20210216597A1 (en) | Method and apparatus for processing mini app material, electronic device and medium | |
US20240126577A1 (en) | Visualization of application capabilities |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |