一种在小程序中展示H5图文数据的方法及设备技术

本申请提供一种在小程序中展示H5图文数据的技术方案。在小程序端，首先基于数据获取请求，获取H5图文数据；接着将H5图文数据中的html标签内容解析为语法树对象数据；然后基于小程序中预置的渲染模板，将语法树对象数据解析为小程序能识别的标签内容，以实现在小程序中展示H5图文数据。若H5图文数据中的html标签包含style标签，则先将style标签内容解析为Map对象内容，再将Map对象内容确定为语法树对象的对应元素节点数据。通过该技术方案，无需服务端专门针对小程序准备H5图文数据源即可在小程序中完全可视化展现H5图文数据。在确保小程序用户体验的前提下，减少了商家的开发成本，具有非常实用的市场价值。具有非常实用的市场价值。具有非常实用的市场价值。

【技术实现步骤摘要】
一种在小程序中展示H5图文数据的方法及设备


[0001]本申请涉及小程序
，尤其涉及一种在小程序中展示H5图文数据的技术。

技术介绍

[0002]小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可使用。对于用户来说，能够节约使用时间成本和手机内存空间，对于开发者来说也能节约开发和推广成本。因此，小程序得到越来越多开发者及用户的青睐。
[0003]随着小程序应用越来越普及，很多商家也把业务通过小程序向用户展现、推广，比如，很多商家将现有的在APP或电商平台上采用H5图文数据的业务拓展到小程序中去。但是H5图文数据通常是使用html格式，而小程序通过http接口请求到H5图文数据后，在小程序环境中却不能很好地被小程序识别，不能获得与APP或电商平台相同的展示，效果不是很好。
[0004]现有的解决的方法主要有两种：
[0005]一种是使用小程序原生组件webview来显示H5图文，通过在webview组件中渲染html格式数据，可以完成H5图文数据的可视化展现，但webv本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种在小程序中展示H5图文数据的方法，其特征在于，所述方法包括：基于数据获取请求，获取H5图文数据；将所述H5图文数据中的html标签内容解析为语法树对象数据；基于小程序中预置的渲染模板，将所述语法树对象数据解析为所述小程序能识别的标签内容，以实现在所述小程序中展示所述H5图文数据。2.根据权利要求1所述的方法，其特征在于，所述将所述H5图文数据中的html标签内容解析为语法树对象数据包括：遍历所述H5图文数据中的每个html标签，将每个html标签内容解析为语法树对象的一个元素节点数据。3.根据权利要求2所述的方法，其特征在于，若所述H5图文数据中的html标签包含style标签，所述将所述H5图文数据中的html标签内容解析为语法树对象数据包括：将所述style标签内容解析为Map对象内容；遍历所述H5图文数据中其它类型的每个html标签，将每个html标签内容解析为语法树对象的一个元素节点数据；将所述Map对象内容确定为所述语法树对象的对应元素节点数据。4.根据权利要求3所述的方法，其特征在于，所述将所述style标签内容解析为Map对象内容包括：将所述style标签内容中的选择器解析为所述Map对象的键，并将所述选择器对应的样式内容解析为所述Map对象的值；其中，所述将所述Map对象内容确定为所述语法树对象的对应...

【专利技术属性】
技术研发人员：董海军，王孟杰，吴义良，
申请(专利权)人：上海万物新生环保科技集团有限公司，
类型：发明
国别省市：