[发明专利]一种HTML页面的本地化加载方法及装置

说明书

本发明公开了一种HTML页面的本地化加载方法及装置，该方法包括：将项目中的静态页面转化为JSON文件，并将其打包到本地；依据JS动态加载方法将所述JSON文件读取到除初始化以外的HTML页面中，遍历所述HTML页面中的子对象，提取每个子对象中的控件对象并保存至缓存中；生成用于显示的HTML字符串；从缓存中获取所述控件对象，将所述控件对象中的属性信息复制至所述HTML页面中以替换所述HTML页面中的HTML节点或覆盖所述HTML页面。该发明的有益效果为：通过HTML本地化加载，提高了Web App的运行性能和友好性，节省了用户的等待时间。

技术领域

本发明涉及网页开发技术领域，尤其涉及一种HTML页面的本地化加载方法及装置。

背景技术

移动设备的广泛应用促进了移动应用开发的兴起和流行，当下各类App应用大行其道。在移动开发领域，针对不同设备，不同操作平台，出现了完全不同的两大开发阵营-Android和IOS。在实际项目开发中，两大阵营由于技术语言和开发平台的差异导致相同功能的代码却难以复用，增加了开发的成本。为了更大程度上的减少开发成本和技术难度，一种新的App模式应运而生-Web App。

由于受浏览器本身的限制，任何形式的Web程序都有两个共同问题需要克服，性能问题和交互的友好性问题。移动设备由于资源的有限更需要很好的解决这两个问题，现有的Web App基本上是将静态的HTML页面通过App打包工具生成一个可运行在移动设备上面的Web App。

由于受到html页面运行机制的限制，不同页面的跳转都会有一个加载和卸载的过程，尤其是页面内容较多时。这就增加了用户的等待时间，较大程度上的影响Web App的性能和友好性。

发明内容

本发明要解决的技术问题在于，针对上述现有技术中用户的等待时间较长，且影响Web App的性能和友好性的问题，提供一种HTML页面的本地化加载方法及装置。

本发明解决其技术问题所采用的技术方案是：

构造一种HTML页面的本地化加载方法，包括步骤：

将项目中的静态页面转化为JSON文件，并将其打包到本地；

依据JS动态加载方法将所述JSON文件读取到除初始化以外的HTML页面中，遍历所述HTML页面中的子对象，提取每个子对象中的控件对象并保存至缓存中；

生成用于显示的HTML字符串；

从缓存中获取所述控件对象，将所述控件对象中的属性信息复制至所述HTML页面中以替换所述HTML页面中的HTML节点或覆盖所述HTML页面。

在本发明所述的本地化加载方法中，还包括步骤：

将预设的JS库引用至所述静态页面。

在本发明所述的本地化加载方法中，还包括步骤：

在所述HTML页面跳转时，执行前置页面的卸载操作以销毁所述前置页面中的页面控件。

在本发明所述的本地化加载方法中，所述生成用于显示的HTML字符串的步骤中，根据className属性调用所述JS库以生成用于显示的HTML字符串。

在本发明所述的本地化加载方法中，所述从缓存中获取所述控件对象，将所述控件对象中的属性信息复制至所述HTML页面中以替换所述HTML页面中的HTML节点或覆盖所述HTML页面的步骤包括以下子步骤：

解析所述HTML字符串，并获取缓存中的所述控件对象；

将所述控件对象中的属性信息复制至所述HTML页面中，所述属性信息包括默认值、缓存值及绑定事件；