CN112394932A - 浏览器网页自动换肤方法及装置 - Google Patents
浏览器网页自动换肤方法及装置 Download PDFInfo
- Publication number
- CN112394932A CN112394932A CN202011299432.9A CN202011299432A CN112394932A CN 112394932 A CN112394932 A CN 112394932A CN 202011299432 A CN202011299432 A CN 202011299432A CN 112394932 A CN112394932 A CN 112394932A
- Authority
- CN
- China
- Prior art keywords
- skin
- webpage
- style
- loading
- browser
- 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
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000012545 processing Methods 0.000 claims description 16
- 238000004590 computer program Methods 0.000 claims description 15
- 238000012216 screening Methods 0.000 claims description 4
- 230000006870 function Effects 0.000 description 29
- 238000010586 diagram Methods 0.000 description 16
- 238000004891 communication Methods 0.000 description 14
- 230000008569 process Effects 0.000 description 11
- 230000003068 static effect Effects 0.000 description 7
- 238000001914 filtration Methods 0.000 description 6
- 238000000605 extraction Methods 0.000 description 5
- 238000012360 testing method Methods 0.000 description 5
- 239000000872 buffer Substances 0.000 description 4
- 230000008859 change Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 238000010168 coupling process Methods 0.000 description 2
- 238000005859 coupling reaction Methods 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 230000002427 irreversible effect Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
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
- G06F9/451—Execution arrangements for user interfaces
-
- 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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例提供一种浏览器网页自动换肤方法及装置，方法包括：接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息；确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式；展示与所述网页皮肤样式对应的网页；本申请能够自动、灵活和准确得实现浏览器网页换肤。
Description
技术领域
本申请涉及计算机技术领域，具体涉及一种浏览器网页自动换肤方法及装置。
背景技术
网页换肤，顾名思义就是网页主题的切换。web服务器准备多套不同样式主题，浏览器根据相关信息(如用户权限、重要节日等)来加载不同的样式，以展示不同的效果。
发明人发现，现有技术中的网页换肤方案是服务器直接返回相应的页面(包括样式)，如当国庆和春节到来时，网站发布新的版本，新版本中将相关主题样式嵌入到网页代码中。对于不同用户展示不同样式页面，传统方法是通程序判断用户的角色，进而根据用户的角色返回不同的页面(包括样式代码)，可以看出传统方案都需要发版或者修改程序的业务逻辑已达到网页换肤的效果，一旦涉及到发版或者修改程序，都会涉及到开发、测试和部署相关工作，增加了开发人员工作量，流程会比较复杂，同时上线存在相应风险。
发明内容
针对现有技术中的问题，本申请提供一种浏览器网页自动换肤方法及装置，能够自动、灵活和准确得实现浏览器网页换肤。
为了解决上述问题中的至少一个，本申请提供以下技术方案：
第一方面，本申请提供一种浏览器网页自动换肤方法，包括：
接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息；
确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式；
展示与所述网页皮肤样式对应的网页。
进一步地，所述根据所述网页皮肤资源信息确定网页皮肤特征信息，包括：
根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
进一步地，所述确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，包括：
判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
进一步地，所述执行样式加载异常处理包括：
向所述服务器发送皮肤样式更新请求；
根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
进一步地，所述执行样式加载异常处理包括：
加载本地皮肤样式库中的默认网页皮肤样式。
第二方面，本申请提供一种浏览器网页自动换肤装置，包括：
网页皮肤特征信息确定模块，用于接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息；
网页皮肤样式确定模块，用于确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式；
网页加载展示模块，用于展示与所述网页皮肤样式对应的网页。
进一步地，所述网页皮肤特征信息确定模块包括：
网页皮肤资源信息筛选单元，用于根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
进一步地，所述网页皮肤样式确定模块包括：
网页皮肤样式加载单元，用于判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
进一步地，所述网页皮肤样式加载单元包括：
皮肤样式更新请求子单元，用于向所述服务器发送皮肤样式更新请求；
本地皮肤样式库更新子单元，用于根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
进一步地，所述网页皮肤样式加载单元包括：
默认网页皮肤样式加载子单元，用于加载本地皮肤样式库中的默认网页皮肤样式。
第三方面，本申请提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述的浏览器网页自动换肤方法的步骤。
第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现所述的浏览器网页自动换肤方法的步骤。
由上述技术方案可知，本申请提供一种浏览器网页自动换肤方法及装置，通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例中的浏览器网页自动换肤方法的流程示意图之一；
图2为本申请实施例中的浏览器网页自动换肤方法的流程示意图之二；
图3为本申请实施例中的浏览器网页自动换肤装置的结构图之一；
图4为本申请实施例中的浏览器网页自动换肤装置的结构图之二；
图5为本申请实施例中的浏览器网页自动换肤装置的结构图之三；
图6为本申请实施例中的浏览器网页自动换肤装置的结构图之四；
图7为本申请实施例中的浏览器网页自动换肤装置的结构图之五；
图8为本申请实施例中的浏览器网页自动换肤***的结构图；
图9为本申请实施例中的电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
考虑到现有技术中都需要发版或者修改程序的业务逻辑已达到网页换肤的效果，一旦涉及到发版或者修改程序，都会涉及到开发、测试和部署相关工作，增加了开发人员工作量，流程会比较复杂，同时上线存在相应风险的问题，本申请提供一种浏览器网页自动换肤方法及装置，通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
为了能够自动、灵活和准确得实现浏览器网页换肤，本申请提供一种浏览器网页自动换肤方法的实施例，参见图1，所述浏览器网页自动换肤方法具体包含有如下内容：
步骤S101：接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息。
可选的，本申请由客户端浏览器接收相应服务器发送的网页皮肤资源信息，所述网页皮肤资源信息可以为包含有与网页皮肤相关信息的URL(Uniform Resource Locator，统一资源***)，所述网页皮肤特征信息为包含在上述URL中的用于表征要加载的网页皮肤的信息，例如一种颜色，具体编码形式例如{theme:"green"}。
步骤S102：确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式。
可选的，所述客户端浏览器本地配置有本地皮肤样式库，所述本地皮肤样式库内预存储有从服务器或其他第三方***获取的多个网页皮肤样式，所述网页皮肤样式加载渲染后能够用于要展示的网页上。
可选的，在本申请的一个具体实施例中，本申请可以根据服务器发送的网页网址URL获取网页皮肤特征信息并确定对应的网页皮肤样式，URL中的search属性是一个搜索字符串，也称为查询字符串，即url中问号(？)后面是请求参数，请求参数以&连接，如网址？name＝test&age＝10，即参数是问号后面的部分，如name＝test&age＝10，这个示例一共有2个参数，分别是(1)name参数，name参数的值是test，(2)age参数，age参数的值是10。
则其具体流程为：
(1)封装getRequest函数，getRequest的参数是网页URL。
(2)使用通过字符串截取方法和字符串拆分的api，遍历URL中的参数值，并将取到的参数值保存到一个对象变量中，如{theme:"green"}。
(3)遍历上述变量，获取网页皮肤特征信息，网页皮肤特征信息保存在对象的theme属性中，若取到theme属性的值则返回这个值，否则返回空字符串。
然后，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式后，通过预设加载样式函数实现具体的网页皮肤样式加载工作，具体为：
(1)创建link节点。
(2)配置link节点的ref属性为‘stylesheet’，即样式表。
(3)配置link节点的href属性为样式表的地址(可以为网络地址，也可以为本地地址)。
(4)将link节点***到页面head标签中。
在本申请的另一可行实施例中，考虑到2个场景，一是网络不通畅，二是服务器或者本地皮肤样式库文件丢失，这2个场景都会导致样式加载的不成功，因此可以通过使用JavaScript的闭包技术，设置一个内部变量loadNo，并将其初始化为0，当样式表加载不成功时，loadNo变量值加1，并且继续尝试加载一次样式表，若继续不成功，loadNo变量值继续加1，这个过程一致持续，当loadNo的值为9时，即连续加载了10次样式表，此时不再继续加载这个样式表，改为加载默认样式表(默认样式表在网络服务器或者本地皮肤样式库)，网页渲染默认样式。
步骤S103：展示与所述网页皮肤样式对应的网页。
从上述描述可知，本申请实施例提供的浏览器网页自动换肤方法，能够通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
为了能够根据特定筛选规则从服务器发送的网页皮肤资源信息中确定出网页皮肤特征信息，在本申请的浏览器网页自动换肤方法的一实施例中，上述步骤S101还可以具体包含如下内容：
根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
可选的，本申请由客户端浏览器接收相应服务器发送的网页皮肤资源信息，所述网页皮肤资源信息可以为包含有与网页皮肤相关信息的URL(Uniform Resource Locator，统一资源***)，所述网页皮肤特征信息为包含在上述URL中的用于表征要加载的网页皮肤的信息，例如一种颜色，具体编码形式例如{theme:"green"}。
可选的，本申请可以根据服务器发送的网页网址URL获取网页皮肤特征信息并确定对应的网页皮肤样式，URL中的search属性是一个搜索字符串，也称为查询字符串，即url中问号(？)后面是请求参数，请求参数以&连接，如网址？name＝test&age＝10，即参数是问号后面的部分，如name＝test&age＝10，这个示例一共有2个参数，分别是(1)name参数，name参数的值是test，(2)age参数，age参数的值是10。
可选的，若判断所述网页皮肤资源信息中不包含网页皮肤特征信息，则可以将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
为了能够从浏览器的本地皮肤样式库中确定出对应的网页皮肤样式，在本申请的浏览器网页自动换肤方法的一实施例中，上述步骤S102还可以具体包含如下内容：
判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
可选的，其具体流程为：
(1)封装getRequest函数，getRequest的参数是网页URL。
(2)使用通过字符串截取方法和字符串拆分的api，遍历URL中的参数值，并将取到的参数值保存到一个对象变量中，如{theme:"green"}。
(3)遍历上述变量，获取网页皮肤特征信息，网页皮肤特征信息保存在对象的theme属性中，若取到theme属性的值则返回这个值，否则返回空字符串。
为了能够在浏览器的本地皮肤样式库中不含有对应的网页皮肤样式时仍能进行网页加载和展示，在本申请的浏览器网页自动换肤方法的一实施例中，参见图2，还可以具体包含如下内容：
步骤S201：向所述服务器发送皮肤样式更新请求。
步骤S202：根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
为了能够在浏览器的本地皮肤样式库中不含有对应的网页皮肤样式时仍能进行网页加载和展示，在本申请的浏览器网页自动换肤方法的一实施例中，还可以具体包含如下内容：
加载本地皮肤样式库中的默认网页皮肤样式。
可选的，在本申请的另一可行实施例中，考虑到2个场景，一是网络不通畅，二是服务器或者本地皮肤样式库文件丢失，这2个场景都会导致样式加载的不成功，因此可以通过使用JavaScript的闭包技术，设置一个内部变量loadNo，并将其初始化为0，当样式表加载不成功时，loadNo变量值加1，并且继续尝试加载一次样式表，若继续不成功，loadNo变量值继续加1，这个过程一致持续，当loadNo的值为9时，即连续加载了10次样式表，此时不再继续加载这个样式表，改为加载默认样式表(默认样式表在网络服务器或者本地皮肤样式库)，网页渲染默认样式。
为了能够自动、灵活和准确得实现浏览器网页换肤，本申请提供一种用于实现所述浏览器网页自动换肤方法的全部或部分内容的浏览器网页自动换肤装置的实施例，参见图3，所述浏览器网页自动换肤装置具体包含有如下内容：
网页皮肤特征信息确定模块10，用于接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息。
网页皮肤样式确定模块20，用于确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式。
网页加载展示模块30，用于展示与所述网页皮肤样式对应的网页。
从上述描述可知，本申请实施例提供的浏览器网页自动换肤装置，能够通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
为了能够根据特定筛选规则从服务器发送的网页皮肤资源信息中确定出网页皮肤特征信息，在本申请的浏览器网页自动换肤装置的一实施例中，参见图4，所述网页皮肤特征信息确定模块10包括：
网页皮肤资源信息筛选单元11，用于根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
为了能够从浏览器的本地皮肤样式库中确定出对应的网页皮肤样式，在本申请的浏览器网页自动换肤装置的一实施例中，参见图5，所述网页皮肤样式确定模块20包括：
网页皮肤样式加载单元21，用于判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
为了能够在浏览器的本地皮肤样式库中不含有对应的网页皮肤样式时仍能进行网页加载和展示，在本申请的浏览器网页自动换肤装置的一实施例中，参见图6，所述网页皮肤样式加载单元21包括：
皮肤样式更新请求子单元211，用于向所述服务器发送皮肤样式更新请求。
本地皮肤样式库更新子单元212，用于根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
为了能够在浏览器的本地皮肤样式库中不含有对应的网页皮肤样式时仍能进行网页加载和展示，在本申请的浏览器网页自动换肤装置的一实施例中，参见图7，所述网页皮肤样式加载单元21包括：
默认网页皮肤样式加载子单元213，用于加载本地皮肤样式库中的默认网页皮肤样式。
为了更进一步说明本方案，本申请还提供一种应用上述浏览器网页自动换肤装置实现浏览器网页自动换肤方法的具体应用实例，参见图8，具体包含：浏览器、服务器以及后台管理***。
所述浏览器也即客户端，主要用于实现：
1.获取URL中样式信息
根据服务器发送的网页网址URL获取皮肤样式信息，URL中的search属性是一个搜索字符串，也称为查询字符串，即url中问号(？)后面是请求参数。请求参数以&连接，如网址？name＝test&age＝10，即参数是问号后面的部分，如name＝test&age＝10，这个示例一共有2个参数，分别是(1)name参数，name参数的值是test，(2)age参数，age参数的值是10。
具体的，获取样式信息流程为：
(1)封装getRequest函数，getRequest的参数是网页URL。
(2)使用通过字符串截取方法和字符串拆分的api，遍历URL中的参数值，并将取到的参数值保存到一个对象变量中，如{theme:"green"}。
(3)遍历上述变量，获取皮肤相关信息，皮肤信息保存在对象的theme属性中，若取到theme属性的值则返回这个值，否则返回空字符串。
2.加载样式函数实现
具体的，样式加载函数的具体过程为：
(1)创建link节点。
(2)配置link节点的ref属性为‘stylesheet’，即样式表。
(3)配置link节点的href属性为样式表的地址(可以为网络地址，也可以为本地地址)。
(4)将link节点***到页面head标签中。
此外，考虑到2个场景，一是网络不通畅，二是服务器或者本地样式文件丢失，这2个场景都会导致样式加载的不成功。本实施例还通过使用JavaScript的闭包技术，设置一个内部变量loadNo，并将其初始化为0。当样式表加载不成功时，loadNo变量值加1，并且继续尝试加载一次样式表，若继续不成功，loadNo变量值继续加1。这个过程一致持续，当loadNo的值为9时，即连续加载了10次样式表，此时不再继续加载这个样式表，改为加载默认样式表(默认样式表肯定在网络服务器或者本地存在)，网页渲染默认样式。
3.网页换肤函数实现
具体的，网页换肤函数的具体步骤是：
(1)调用上述getRequest函数获取URL中样式信息。
(2)调用上述加载样式函数。
4.网页换肤模块化实现
本实施例可以将网页换代码封装成一个JavaScript类，实现模块化开发，保证代码低内聚、高耦合。
具体的，所述JavaScript类中有：
(1)获取URL中样式信息函数。
(2)加载样式函数。
(3)网页换肤函数。
(4)构造函数。
其中，构造函数的默认参数有：样式表的基本路径cssBaseUrl(就是样表表除了文件名称外的其他信息)，网页默认样式表的文件名称default.css。所以默认样式表的真正路径是cssBaseUrl/default.css。其他样式表，如green.css的路径是cssBaseUrl/green.css。
在构造函数中调用网页换肤函数实现网页换肤。
此外，本实施例中的服务器采用nginx实现，也可以使用Apache等其他类型web服务器。
在本实施例中，md5为将文件通过不可逆的字符串变换计算，产生出文件散列值。任意两个文件不会有相同的散列值(除非文件内容完全一致)。md5常用于校验文件，保证文件唯一性。因为如果文件md5值不一样，说明文件内容也是不一样的。可以使用md5生成工具(网络上很多工具)生成文件md5。
在本实施例中，样式表名由样式名和md5名组成，如一个样式表名字为green，这个皮肤样式表文件的md5值573a628ad29c6bc900ea5844c3ca0be7，则最终的样式表文件名为green.573a628ad29c6bc900ea5844c3ca0be7.css。
样式表名这样处理的目的就是给各个样式表加上了版本号，一个样式表主要内容虽然都是green，但是只要这个内容有变动，则这个文件的md5值就会不同，保证了文件内容和文件版本的一致。
同时由于文件名都有md5值，也保证了上传皮肤样式表文件到静态文件服务器时，也不会覆盖其他样式文件，保证之前文件保留在静态资源服务器上，这样也利于应用出现问题时更快回退。
在本实施例中，以nginx web服务器为示例，通过配置端口号，iP地址和location来配置静态资源存放位置，重启nginx服务即可访问静态资源。按照上述命名样式表文件后，通过ftp工具上传样式表文件到静态资源目录即可。
在本实施例中，根据上述每个样式文件都有唯一的md5码，只要文件内容发生改变，样式文件的md5就会改变，所以样式表的文件名称就会改变，因此通过文件名称即可加载不同的样式文件，不再需要核对文件内容是否有变化。因此本实施例不需要是协商缓存(协商缓存判断文件是否变化)，本实施例直接使用Cache-Control强缓存，并将有效期max-age设置为一个较大的值(如30天)。nginx服务器设置强缓存如下所示：
location～.*\.(css)${
add_header Cache-Control max-age＝2592000；
add_header Pragma no-cache；
}
Max-age值为2592000，单位是秒，即30天有效期。
在本实施例中，客户端第一次请求样式表时，本地无样式样式，因此需要向服务器发送请求，服务器将样式文件返回，并在请求的响应头设置cache-control来是说明此文件的有效期。客户端第二次请求样式表文件时，就可以根据上次请求的cache-contrl判断样式表文件是否过期。
由上述内容可知，本申请至少还可以实现如下技术效果：
(1)通过客户端(浏览器)、静态资源服务器、后台管理***实现网页换肤。
(2)本申请仅通过配置URL中皮肤参数和上传样式文件到静态文件服务器即可实现动态换肤，不需要修改服务器代码，操作简单，运维方便。
(3)网页性能好。通过使用强缓存，减少网络请求，提高网页加载样式表速度，网页可以更快渲染，提升用户体验。
(4)软件设计中模块化思想。代码高内聚、低耦合，可维护性强。
从硬件层面来说，为了能够自动、灵活和准确得实现浏览器网页换肤，本申请提供一种用于实现所述浏览器网页自动换肤方法中的全部或部分内容的电子设备的实施例，所述电子设备具体包含有如下内容：
处理器(processor)、存储器(memory)、通信接口(Communications Interface)和总线；其中，所述处理器、存储器、通信接口通过所述总线完成相互间的通信；所述通信接口用于实现浏览器网页自动换肤装置与核心业务***、用户终端以及相关数据库等相关设备之间的信息传输；该逻辑控制器可以是台式计算机、平板电脑及移动终端等，本实施例不限于此。在本实施例中，该逻辑控制器可以参照实施例中的浏览器网页自动换肤方法的实施例，以及浏览器网页自动换肤装置的实施例进行实施，其内容被合并于此，重复之处不再赘述。
可以理解的是，所述用户终端可以包括智能手机、平板电子设备、网络机顶盒、便携式计算机、台式电脑、个人数字助理(PDA)、车载设备、智能穿戴设备等。其中，所述智能穿戴设备可以包括智能眼镜、智能手表、智能手环等。
在实际应用中，浏览器网页自动换肤方法的部分可以在如上述内容所述的电子设备侧执行，也可以所有的操作都在所述客户端设备中完成。具体可以根据所述客户端设备的处理能力，以及用户使用场景的限制等进行选择。本申请对此不作限定。若所有的操作都在所述客户端设备中完成，所述客户端设备还可以包括处理器。
上述的客户端设备可以具有通信模块(即通信单元)，可以与远程的服务器进行通信连接，实现与所述服务器的数据传输。所述服务器可以包括任务调度中心一侧的服务器，其他的实施场景中也可以包括中间平台的服务器，例如与任务调度中心服务器有通信链接的第三方服务器平台的服务器。所述的服务器可以包括单台计算机设备，也可以包括多个服务器组成的服务器集群，或者分布式装置的服务器结构。
图9为本申请实施例的电子设备9600的***构成的示意框图。如图9所示，该电子设备9600可以包括中央处理器9100和存储器9140；存储器9140耦合到中央处理器9100。值得注意的是，该图9是示例性的；还可以使用其他类型的结构，来补充或代替该结构，以实现电信功能或其他功能。
一实施例中，浏览器网页自动换肤方法功能可以被集成到中央处理器9100中。其中，中央处理器9100可以被配置为进行如下控制：
步骤S101：接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息。
步骤S102：确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式。
步骤S103：展示与所述网页皮肤样式对应的网页。
从上述描述可知，本申请实施例提供的电子设备，通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
在另一个实施方式中，浏览器网页自动换肤装置可以与中央处理器9100分开配置，例如可以将浏览器网页自动换肤装置配置为与中央处理器9100连接的芯片，通过中央处理器的控制来实现浏览器网页自动换肤方法功能。
如图9所示，该电子设备9600还可以包括：通信模块9110、输入单元9120、音频处理器9130、显示器9160、电源9170。值得注意的是，电子设备9600也并不是必须要包括图9中所示的所有部件；此外，电子设备9600还可以包括图9中没有示出的部件，可以参考现有技术。
如图9所示，中央处理器9100有时也称为控制器或操作控件，可以包括微处理器或其他处理器装置和/或逻辑装置，该中央处理器9100接收输入并控制电子设备9600的各个部件的操作。
其中，存储器9140，例如可以是缓存器、闪存、硬驱、可移动介质、易失性存储器、非易失性存储器或其它合适装置中的一种或更多种。可储存上述与失败有关的信息，此外还可存储执行有关信息的程序。并且中央处理器9100可执行该存储器9140存储的该程序，以实现信息存储或处理等。
输入单元9120向中央处理器9100提供输入。该输入单元9120例如为按键或触摸输入装置。电源9170用于向电子设备9600提供电力。显示器9160用于进行图像和文字等显示对象的显示。该显示器例如可为LCD显示器，但并不限于此。
该存储器9140可以是固态存储器，例如，只读存储器(ROM)、随机存取存储器(RAM)、SIM卡等。还可以是这样的存储器，其即使在断电时也保存信息，可被选择性地擦除且设有更多数据，该存储器的示例有时被称为EPROM等。存储器9140还可以是某种其它类型的装置。存储器9140包括缓冲存储器9141(有时被称为缓冲器)。存储器9140可以包括应用/功能存储部9142，该应用/功能存储部9142用于存储应用程序和功能程序或用于通过中央处理器9100执行电子设备9600的操作的流程。
存储器9140还可以包括数据存储部9143，该数据存储部9143用于存储数据，例如联系人、数字数据、图片、声音和/或任何其他由电子设备使用的数据。存储器9140的驱动程序存储部9144可以包括电子设备的用于通信功能和/或用于执行电子设备的其他功能(如消息传送应用、通讯录应用等)的各种驱动程序。
通信模块9110即为经由天线9111发送和接收信号的发送机/接收机9110。通信模块(发送机/接收机)9110耦合到中央处理器9100，以提供输入信号和接收输出信号，这可以和常规移动通信终端的情况相同。
基于不同的通信技术，在同一电子设备中，可以设置有多个通信模块9110，如蜂窝网络模块、蓝牙模块和/或无线局域网模块等。通信模块(发送机/接收机)9110还经由音频处理器9130耦合到扬声器9131和麦克风9132，以经由扬声器9131提供音频输出，并接收来自麦克风9132的音频输入，从而实现通常的电信功能。音频处理器9130可以包括任何合适的缓冲器、解码器、放大器等。另外，音频处理器9130还耦合到中央处理器9100，从而使得可以通过麦克风9132能够在本机上录音，且使得可以通过扬声器9131来播放本机上存储的声音。
本申请的实施例还提供能够实现上述实施例中的执行主体为服务器或客户端的浏览器网页自动换肤方法中全部步骤的一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述实施例中的执行主体为服务器或客户端的浏览器网页自动换肤方法的全部步骤，例如，所述处理器执行所述计算机程序时实现下述步骤：
步骤S101：接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息。
步骤S102：确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式。
步骤S103：展示与所述网页皮肤样式对应的网页。
从上述描述可知，本申请实施例提供的计算机可读存储介质，通过客户端浏览器内置的针对网页皮肤资源信息的筛选规则(即网页皮肤特征信息的提取规则)，确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，并自动加载该网页皮肤样式，而无需由服务器传输与网页皮肤样式相关的信息，以此自动、灵活和准确得实现浏览器网页的换肤工作。
本领域内的技术人员应明白，本发明的实施例可提供为方法、装置、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(装置)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。
Claims (12)
1.一种浏览器网页自动换肤方法，其特征在于，所述方法包括：
接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息；
确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式；
展示与所述网页皮肤样式对应的网页。
2.根据权利要求1所述的浏览器网页自动换肤方法，其特征在于，所述根据所述网页皮肤资源信息确定网页皮肤特征信息，包括：
根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
3.根据权利要求1所述的浏览器网页自动换肤方法，其特征在于，所述确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式，包括：
判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
4.根据权利要求3所述的浏览器网页自动换肤方法，其特征在于，所述执行样式加载异常处理包括：
向所述服务器发送皮肤样式更新请求；
根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
5.根据权利要求3所述的浏览器网页自动换肤方法，其特征在于，所述执行样式加载异常处理包括：
加载本地皮肤样式库中的默认网页皮肤样式。
6.一种浏览器网页自动换肤装置，其特征在于，包括：
网页皮肤特征信息确定模块，用于接收服务器发送的网页皮肤资源信息，并根据所述网页皮肤资源信息确定网页皮肤特征信息；
网页皮肤样式确定模块，用于确定本地皮肤样式库中与所述网页皮肤特征信息对应的网页皮肤样式；
网页加载展示模块，用于展示与所述网页皮肤样式对应的网页。
7.根据权利要求6所述的浏览器网页自动换肤装置，其特征在于，所述网页皮肤特征信息确定模块包括：
网页皮肤资源信息筛选单元，用于根据预设皮肤标识符判断所述网页皮肤资源信息中是否包含网页皮肤特征信息，若包含，则根据预设特征标识符确定所述网页皮肤资源信息中的网页皮肤特征信息，否则将本地皮肤样式库中的默认皮肤特征信息设定为所述网页皮肤特征信息。
8.根据权利要求6所述的浏览器网页自动换肤装置，其特征在于，所述网页皮肤样式确定模块包括：
网页皮肤样式加载单元，用于判断所述本地皮肤样式库中是否包含与所述网页皮肤特征信息对应的网页皮肤样式，若包含，则根据与所述网页皮肤特征信息对应的样式加载模型加载所述网页皮肤样式，否则执行样式加载异常处理。
9.根据权利要求8所述的浏览器网页自动换肤装置，其特征在于，所述网页皮肤样式加载单元包括：
皮肤样式更新请求子单元，用于向所述服务器发送皮肤样式更新请求；
本地皮肤样式库更新子单元，用于根据所述服务器返回的皮肤样式数据更新所述本地皮肤样式库，并在所述本地皮肤样式库更新完成后，根据与所述网页皮肤特征信息对应的样式加载模型加载对应的网页皮肤样式。
10.根据权利要求8所述的浏览器网页自动换肤装置，其特征在于，所述网页皮肤样式加载单元包括：
默认网页皮肤样式加载子单元，用于加载本地皮肤样式库中的默认网页皮肤样式。
11.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述的浏览器网页自动换肤方法的步骤。
12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至5任一项所述的浏览器网页自动换肤方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011299432.9A CN112394932A (zh) | 2020-11-19 | 2020-11-19 | 浏览器网页自动换肤方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011299432.9A CN112394932A (zh) | 2020-11-19 | 2020-11-19 | 浏览器网页自动换肤方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112394932A true CN112394932A (zh) | 2021-02-23 |
Family
ID=74607472
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011299432.9A Pending CN112394932A (zh) | 2020-11-19 | 2020-11-19 | 浏览器网页自动换肤方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112394932A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113076150A (zh) * | 2021-04-13 | 2021-07-06 | 北京同邦卓益科技有限公司 | 界面主题切换方法、装置、设备、储存介质及程序产品 |
| CN114422858A (zh) * | 2022-03-25 | 2022-04-29 | 北京智象信息技术有限公司 | 一种Linux智能电视皮肤快速生成方法、***、设备及介质 |
| US20220245208A1 (en) * | 2021-04-27 | 2022-08-04 | Apollo Intelligent Connectivity (Beijing) Technology Co., Ltd. | Method for switching skin of mini-program page, and electronic device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102662672A (zh) * | 2012-04-05 | 2012-09-12 | 广州市动景计算机科技有限公司 | 对网页进行换肤处理的方法和装置以及移动终端 |
| CN106227512A (zh) * | 2016-07-07 | 2016-12-14 | 网易（杭州）网络有限公司 | 应用软件显示界面的皮肤更换方法及装置 |
| CN107665259A (zh) * | 2017-10-23 | 2018-02-06 | 四川虹慧云商科技有限公司 | 一种界面自动换肤方法及*** |
| CN111638927A (zh) * | 2020-05-06 | 2020-09-08 | 北京达佳互联信息技术有限公司 | 一种皮肤切换方法及装置 |
-
2020
- 2020-11-19 CN CN202011299432.9A patent/CN112394932A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102662672A (zh) * | 2012-04-05 | 2012-09-12 | 广州市动景计算机科技有限公司 | 对网页进行换肤处理的方法和装置以及移动终端 |
| US9323724B2 (en) * | 2012-04-05 | 2016-04-26 | Guangzhou Ucweb Computer Technology Co., Ltd | Webpage skin replacement method, apparatus, and mobile terminal |
| CN106227512A (zh) * | 2016-07-07 | 2016-12-14 | 网易（杭州）网络有限公司 | 应用软件显示界面的皮肤更换方法及装置 |
| CN107665259A (zh) * | 2017-10-23 | 2018-02-06 | 四川虹慧云商科技有限公司 | 一种界面自动换肤方法及*** |
| CN111638927A (zh) * | 2020-05-06 | 2020-09-08 | 北京达佳互联信息技术有限公司 | 一种皮肤切换方法及装置 |
Non-Patent Citations (1)
| Title |
|---|
| 黄中杰等: "《XML新网页语言开发手册》", 北京：清华大学出版社 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113076150A (zh) * | 2021-04-13 | 2021-07-06 | 北京同邦卓益科技有限公司 | 界面主题切换方法、装置、设备、储存介质及程序产品 |
| US20220245208A1 (en) * | 2021-04-27 | 2022-08-04 | Apollo Intelligent Connectivity (Beijing) Technology Co., Ltd. | Method for switching skin of mini-program page, and electronic device |
| CN115344315A (zh) * | 2021-04-27 | 2022-11-15 | 阿波罗智联(北京)科技有限公司 | 小程序页面的皮肤切换方法、装置和电子设备 |
| CN115344315B (zh) * | 2021-04-27 | 2024-02-02 | 阿波罗智联(北京)科技有限公司 | 小程序页面的皮肤切换方法、装置和电子设备 |
| CN114422858A (zh) * | 2022-03-25 | 2022-04-29 | 北京智象信息技术有限公司 | 一种Linux智能电视皮肤快速生成方法、***、设备及介质 |
| CN114422858B (zh) * | 2022-03-25 | 2022-11-18 | 北京智象信息技术有限公司 | 一种Linux智能电视皮肤快速生成方法、***、设备及介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112394932A (zh) | 浏览器网页自动换肤方法及装置 | |
| CN113110829B (zh) | 多ui组件库数据处理方法及装置 | |
| CN111459539A (zh) | 基于镜像分层的持续集成流水线运行方法及装置 | |
| CN112256772A (zh) | 数据服务方法、装置以及可读存储介质 | |
| CN113157345A (zh) | 前端工程自动启动方法及装置 | |
| CN112463634A (zh) | 微服务架构下的软件测试方法及装置 | |
| CN114138372A (zh) | 前端组件加载方法及装置 | |
| CN114785685A (zh) | 软件差分升级方法、装置、电子设备及可读存储介质 | |
| CN111679790A (zh) | 远程软件开发存储空间分配方法及装置 | |
| CN112784112A (zh) | 报文校验方法及装置 | |
| CN113342330B (zh) | 前端工程生成方法及装置 | |
| CN111367561B (zh) | 软件程序远程开发方法及装置 | |
| CN114153856A (zh) | 主机数据双写方法及装置 | |
| CN107368557B (zh) | 页面编辑方法及装置 | |
| CN113095053A (zh) | 网页表格定制方法及装置 | |
| CN113050985A (zh) | 前端工程依赖自动注册方法及装置 | |
| CN112396511A (zh) | 分布式风控变量数据处理方法、装置及*** | |
| CN104506616A (zh) | 浏览器客户端发送信息的方法、装置及*** | |
| CN112068879A (zh) | 基于配置化的客户端应用程序开发框架构建方法及装置 | |
| CN113791984B (zh) | 接口自动化测试方法及装置 | |
| US20140297736A1 (en) | Data interchange system | |
| CN114637531A (zh) | 应用程序接口动态生成方法及装置 | |
| CN114968917A (zh) | 一种文件数据快速导入方法及装置 | |
| CN112100553B (zh) | 一种网页页面配置方法、装置、电子设备及存储介质 | |
| CN115421976A (zh) | 异地备灾数据处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210223 |
|
| RJ01 | Rejection of invention patent application after publication |