基于H5页面的动画显示方法、装置、设备及存储介质制造方法及图纸

本发明专利技术公开一种基于H5页面的动画显示方法、装置、设备及存储介质，包括：获取显示终端的设备信息，以及对待显示应用程序进行显示的H5页面显示信息；根据目标页面调整策略对H5页面显示信息进行调整获取目标显示信息；检测待显示应用程序对应的页面元素中是否含有动画元素，若含有则获取动画元素对应的动画序列；然后根据目标显示信息和动画序列对动画元素进行动画显示，由于是对H5页面显示信息进行调整，以获取到符合当前终端页面的目标显示信息，同时在检测到待显示应用程序页面中存在动画元素时，根据调整好的目标显示信息以及动画元素的动画序列对动画进行显示，既保证了页面元素的显示效果，也能避免动画元素执行时卡顿、丢帧的情况。

Animation Display Method, Device, Equipment and Storage Media Based on H5 Page

【技术实现步骤摘要】
基于H5页面的动画显示方法、装置、设备及存储介质
本专利技术涉及软件应用
，尤其涉及一种基于H5页面的动画显示方法、装置、设备及存储介质。
技术介绍
随着计算机软件技术的快速发展，各式各样的应用程序(Application，App)已经成为了大众生活中不可或缺的一部分，这些App在日常生活中为大众的衣食住行都提供了便利。由于App的种类繁多，且功能不一，出于网络流量以及设备内存的考虑，用户不可能将所有的功能的App都下载到手机上进行使用，因此很多App服务商都采用将自身提供的App通过HTML5页面(简称H5页面)的方式提供给用户使用，以免去用户下载App耗费网络流量的顾虑。但目前市场类似应用程序功能的H5页面大都是简单的模仿，且模仿效果不佳，并存在打开速度慢，动画执行卡顿，页面在不同机型上显示效果有差异等诸多缺陷。上述内容仅用于辅助理解本专利技术的技术方案，并不代表承认上述内容是现有技术。
技术实现思路
本专利技术的主要目的在于提供了一种基于H5页面的动画显示方法、装置、设备及存储介质，旨在解决现有的基于H5页面开发的应用程序，开启速度慢、动画执行卡顿、页面元素显示效果不佳的技术本文档来自技高网...

【技术保护点】
1.一种基于H5页面的动画显示方法，其特征在于，所述方法包括：获取显示终端的设备信息，以及对待显示应用程序进行显示的H5页面显示信息；根据所述设备信息对应的目标页面调整策略对所述H5页面显示信息进行调整，以获取目标显示信息；检测待显示应用程序对应的页面元素中是否含有动画元素，若含有则获取所述动画元素对应的动画序列；根据所述目标显示信息和所述动画序列对所述动画元素进行动画显示。

【技术特征摘要】
1.一种基于H5页面的动画显示方法，其特征在于，所述方法包括：获取显示终端的设备信息，以及对待显示应用程序进行显示的H5页面显示信息；根据所述设备信息对应的目标页面调整策略对所述H5页面显示信息进行调整，以获取目标显示信息；检测待显示应用程序对应的页面元素中是否含有动画元素，若含有则获取所述动画元素对应的动画序列；根据所述目标显示信息和所述动画序列对所述动画元素进行动画显示。2.如权利要求1所述的方法，其特征在于，所述根据所述设备信息对应的目标页面调整策略对所述H5页面显示信息进行调整，以获取目标显示信息的步骤，包括：从所述设备信息中提取所述显示终端对应的终端标识；将所述终端标识作为键对象在预先构建的终端标识和页面调整策略的键值对中查找所述键对象对应的目标页面调整策略；根据所述目标页面调整策略对所述H5页面显示信息进行调整，以获取目标显示信息。3.如权利要求2所述的方法，其特征在于，所述将所述终端标识作为键对象在预先构建的终端标识和页面调整策略的键值对中查找所述键对象对应的目标页面调整策略的步骤之后，所述方法还包括：在未查找到所述键对象对应的目标页面调整策略时，从所述设备信息中读取所述显示设备对应的显示参数；根据所述显示参数确定H5页面对应的实际页面宽高比，并基于所述实际页面宽高比对所述H5页面显示信息中的预设页面宽高比进行调整，以获取目标显示信息。4.如权利要求2或3任一项所述的方法，其特征在于，所述检测待显示应用程序对应的页面元素中是否含有动画元素，若含有则获取所述动画元素对应的动画序列的步骤，包括：获取待显示应用程序对应的所有页面元素的元素属性，检测所述元素属性中是否存在动画标签；若存在，则判定所述页面元素中含有动画元素，对所述动画元素进行预加载，并根据加载结果确定所述动画元素对应的动画序列。5.如权利要求4所述的方法，其特征在于，所述对所述动画元素进行预加载，并根据加载结果确定所述动画元素对应的动画序列的步骤，包括：对所述动画元素进行预加载，调用预设RequestAnimationFrame函数对所述动画元素预加载过程中的执行情况进行监听，以获...

【专利技术属性】
技术研发人员：王冬扬，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：广东,44