[发明专利]一种H5页面在原生应用中动态换肤的方法及终端

说明书

本发明公开了一种H5页面在原生应用中动态换肤的方法，H5页面代码调用皮肤资源时，生成一个url的请求；拦截并分析url，若url包含动态换肤资源目录名，则获取url中的待调用动态皮肤资源名，判断匹配路径下是否存在与待调用动态皮肤资源名同名的本地动态皮肤资源，若存在，则返回本地动态皮肤资源，匹配路径为原生应用中动态皮肤资源所在的路径；本发明通过拦截url，将H5页面需要进行动态换肤的资源替换成原生应用中的本地动态皮肤资源，从而实现H5页面在原生应用中的皮肤切换，使得H5页面能根据用户的实际需求去选择自己所喜欢的皮肤，提高了用户使用H5页面的体验。

技术领域

本发明涉及前端网页开发技术领域，特别涉及一种H5页面在原生应用中动态换肤的方法及终端。

背景技术

H5页面是一种包含HTML5的标记规范、运用到了例如CSS、JS等多种计算机语言、可以实现多种动效和视听效果、会利用到后端和前端的多种功能、主要在手机端传播且可以跨平台在PC、平板上浏览的移动网页。

以基于微信的H5页面来说，微信集成了移动端浏览器，使得用户可以通过微信来观看H5页面，在这里，微信就是原生应用，而目前原生应用进行动态换肤的解决思路是：将不同主题的皮肤资源放在以主题命名(style1，style2)的目录下，当用户切换到主题1时，读取style1目录下的皮肤资源；切换到主题2时，就读取style2目录下的皮肤资源。

然而，H5页面是通过网络请求的方式来获取皮肤资源的，故而，现有的技术方案无法解决H5页面在原生应用中的皮肤切换。

发明内容

本发明所要解决的技术问题是：提供一种H5页面在原生应用中动态换肤的方法及终端，从而实际H5页面在原生应用中的皮肤切换。

为了解决上述技术问题，本发明采用的技术方案为：

一种H5页面在原生应用中动态换肤的方法，包括步骤：

S1、H5页面代码调用皮肤资源时，生成一个url的请求；

S2、拦截并分析所述url，若所述url包含动态换肤资源目录名，则获取url中的待调用动态皮肤资源名，判断匹配路径下是否存在与所述待调用动态皮肤资源名同名的本地动态皮肤资源，若存在，则返回本地动态皮肤资源，所述匹配路径为原生应用中动态皮肤资源所在的路径。

为了解决上述技术问题，本发明采用的另一种技术方案为：

一种H5页面在原生应用中动态换肤的终端，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

S1、H5页面代码调用皮肤资源时，生成一个url的请求；

S2、拦截并分析所述url，若所述url包含动态换肤资源目录名，则获取url中的待调用动态皮肤资源名，判断匹配路径下是否存在与所述待调用动态皮肤资源名同名的本地动态皮肤资源，若存在，则返回本地动态皮肤资源，所述匹配路径为原生应用中动态皮肤资源所在的路径。

本发明的有益效果在于：通过拦截url，将H5页面需要进行动态换肤的资源替换成原生应用中的本地动态皮肤资源，从而实现H5页面在原生应用中的皮肤切换，使得H5页面能根据用户的实际需求去选择自己所喜欢的皮肤，提高了用户使用H5页面的体验。

附图说明

图1为本发明实施例的一种H5页面在原生应用中动态换肤的方法的流程示意图；

图2为本发明实施例的一种H5页面在原生应用中动态换肤的终端的具体流程示意图；

图3为本发明实施例的一种H5页面在原生应用中动态换肤的终端的结构示意图；