一种浏览器换肤方法、装置、系统、设备和介质制造方法及图纸

本发明专利技术公开了一种浏览器换肤方法、装置、系统、设备和介质，由于本发明专利技术中根据接收到的访问请求中携带的首页面的目标URL信息，将目标URL信息发送给服务器，并获取服务器中保存的目标URL信息对应的第一less文件，根据访问请求中携带的目标主题皮肤的参数信息，将第一less文件解析为目标主题皮肤的首页面的第一CSS文件，基于第一CSS文件进行页面渲染得到渲染后的目标主题皮肤的首页面并显示，从而能够成功请求到页面的less文件，实现对低版本浏览器页面的渲染。器页面的渲染。器页面的渲染。

【技术实现步骤摘要】
一种浏览器换肤方法、装置、系统、设备和介质


[0001]本专利技术涉及Web前端开发
，尤其涉及一种浏览器换肤方法、装置、系统、设备和介质。

技术介绍

[0002]在浏览器进行换肤时，低版本浏览器(IE)的换肤方案是在服务器中预先保存有每种主题皮肤对应的层叠样式表(Cascading Style Sheets，CSS)文件，浏览器接收到目标主题皮肤的换肤请求时，向服务器请求目标主题皮肤的CSS文件并进行渲染，由于该方案中服务器保存有每种主题皮肤对应的CSS文件因此导致占用服务器的内存大。
[0003]为了解决采用上述方案导致占用服务器的内存较大的问题，现有技术中服务器预先针对不同主题皮肤保存有一份完整的样式表语言(less)文件，less文件可以用于解析为每种主题皮肤对应的css文件，但是在主题皮肤较多时less文件的内存较大，低版本浏览器无法一次请求成功less文件，从而无法实现对低版本浏览器页面的换肤。

技术实现思路

[0004]本专利技术提供了一种浏览器换肤方法、装置、系统、设备和介质，用以解决现有技术中无法实现对低版本浏览器页面的换肤的问题。
[0005]本专利技术提供了一种浏览器换肤方法，所述方法包括：
[0006]根据接收的访问请求中携带的首页面的目标URL信息，将所述目标URL信息发送给服务器，获取所述服务器中保存的所述目标URL信息对应的第一less文件，其中所述第一less文件为基于页面预先分片后的less文件；
[0007]根据所述访问请求中携带的目标主题皮肤的参数信息，将所述第一less文件解析为所述目标主题皮肤的所述首页面的第一CSS文件并进行页面渲染，得到渲染后的所述目标主题皮肤的所述首页面并显示。
[0008]进一步地，所述方法还包括：
[0009]接收页面跳转请求，根据所述页面跳转请求中携带的目标页面的第一URL信息，将所述第一URL信息发送给所述服务器，接收返回的所述第一URL信息对应的第二less文件；
[0010]将所述第二less文件与所述第一less文件拼接得到拼接后的目标less文件，将所述目标less文件解析为所述目标主题皮肤的第二CSS文件，进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示，并根据所述目标less文件更新所述浏览器缓存中的所述第一less文件。
[0011]进一步地，所述将所述目标less文件解析为所述目标主题皮肤的第二CSS文件之后，所述进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示之前，所述方法还包括：
[0012]将HTML页面的标签添加到所述第二CSS文件中，得到更新后的第二CSS文件。
[0013]相应地，本专利技术提供了一种浏览器换肤装置，所述装置包括：
[0014]收发模块，用于根据接收的访问请求中携带的首页面的目标URL信息，将所述目标URL信息发送给服务器，获取所述服务器中保存的所述目标URL信息对应的第一less文件，其中所述第一less文件为基于页面预先分片后的less文件；
[0015]处理模块，用于根据所述访问请求中携带的目标主题皮肤的参数信息，将所述第一less文件解析为所述目标主题皮肤的所述首页面的第一CSS文件并进行页面渲染，得到渲染后的所述目标主题皮肤的所述首页面并显示。
[0016]进一步地，所述收发模块，还用于接收页面跳转请求，根据所述页面跳转请求中携带的目标页面的第一URL信息，将所述第一URL信息发送给所述服务器，接收返回的所述第一URL信息对应的第二less文件；
[0017]所述处理模块，还用于将所述第二less文件与所述第一less文件拼接得到拼接后的目标less文件，将所述目标less文件解析为所述目标主题皮肤的第二CSS文件，进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示，并根据所述目标less文件更新所述浏览器缓存中的所述第一less文件。
[0018]进一步地，所述处理模块，还用于所述将所述目标less文件解析为所述目标主题皮肤的第二CSS文件之后，所述进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示之前，将HTML页面的标签添加到所述第二CSS文件中，得到更新后的第二CSS文件。
[0019]相应地，本专利技术提供了一种浏览器换肤系统，所述系统包括：执行上述浏览器换肤方法中任一所述方法的电子设备和服务器。
[0020]相应地，本专利技术提供了一种电子设备，包括：处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
[0021]所述存储器中存储有计算机程序，当所述程序被所述处理器执行时，使得所述处理器实现上述浏览器换肤方法中任一所述方法的步骤。
[0022]相应地，本专利技术提供了一种计算机可读存储介质，其存储有计算机程序，所述计算机程序被处理器执行时实现上述浏览器换肤方法中任一所述方法的步骤。
[0023]本专利技术提供了一种浏览器换肤方法、装置、系统、设备和介质，由于本专利技术中根据接收到的访问请求中携带的首页面的目标URL信息，将目标URL信息发送给服务器，并获取服务器中保存的目标URL信息对应的第一less文件，根据访问请求中携带的目标主题皮肤的参数信息，将第一less文件解析为目标主题皮肤的首页面的第一CSS文件，基于第一CSS文件进行页面渲染得到渲染后的目标主题皮肤的首页面并显示；从而能够成功请求到页面的less文件，实现对低版本浏览器页面的渲染。
附图说明
[0024]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0025]图1为本专利技术实施例提供的一种浏览器换肤方法的过程示意图；
[0026]图2为本专利技术实施例提供的一种基于页面预先分片的示意图；
[0027]图3为本专利技术实施例提供的一种低版本浏览器页面换肤的示意图；
[0028]图4为本专利技术实施例提供的一种浏览器换肤装置的结构示意图；
[0029]图5为本专利技术实施例提供的一种电子设备的结构示意图。
具体实施方式
[0030]为了使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术作进一步地详细描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本专利技术保护的范围。
[0031]为了实现对低版本浏览器页面的渲染，本专利技术实施例提供了一种浏览器换肤方法、装置、系统、设备和介质。
[0032]实施例1：
[0033]图1为本专利技术实施例提供的一种浏览器换肤方法的过程示意图，该过程包括以下步骤：
[0034]S101：根据接收本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种浏览器换肤方法，其特征在于，所述方法包括：根据接收的访问请求中携带的首页面的目标URL信息，将所述目标URL信息发送给服务器，获取所述服务器中保存的所述目标URL信息对应的第一less文件，其中所述第一less文件为基于页面预先分片后的less文件；根据所述访问请求中携带的目标主题皮肤的参数信息，将所述第一less文件解析为所述目标主题皮肤的所述首页面的第一CSS文件并进行页面渲染，得到渲染后的所述目标主题皮肤的所述首页面并显示。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：接收页面跳转请求，根据所述页面跳转请求中携带的目标页面的第一URL信息，将所述第一URL信息发送给所述服务器，接收返回的所述第一URL信息对应的第二less文件；将所述第二less文件与所述第一less文件拼接得到拼接后的目标less文件，将所述目标less文件解析为所述目标主题皮肤的第二CSS文件，进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示，并根据所述目标less文件更新所述浏览器缓存中的所述第一less文件。3.根据权利要求2所述的方法，其特征在于，所述将所述目标less文件解析为所述目标主题皮肤的第二CSS文件之后，所述进行页面渲染得到渲染后的所述目标主题皮肤的所述目标页面并显示之前，所述方法还包括：将HTML页面的标签添加到所述第二CSS文件中，得到更新后的第二CSS文件。4.一种浏览器换肤装置，其特征在于，所述装置包括：收发模块，用于根据接收的访问请求中携带的首页面的目标URL信息，将所述目标URL信息发送给服务器，获取所述服务器中保存的所述目标URL信息对应的第一less文件，其中所述第一less文件为基于页面预先分片后的less文件；处理模块，用于根据所述访问请求中携带的目标主题皮肤的参数信息，将所述第一less文件...

【专利技术属性】
技术研发人员：陈嘉源，
申请(专利权)人：浙江大华技术股份有限公司，
类型：发明
国别省市：