一种网页加载方法及其装置、智能设备制造方法及图纸

本发明专利技术公开一种网页加载方法及其装置、智能设备，涉及移动应用技术领域，能够实现混合模式移动应用在页面展示方面的用户体验更接近于原生开发的应用。该方法包括：预下载多个待显示页面的结构代码，并以页面为单元写入同一个HTML文件；调用样式属性控件根据标识顺序对多个页面结构做水平排列或者垂直排列；通过web控件自动访问关联的网页地址加载首页页面的动态数据；侦测用户的页面切换指令将目标页面结构切换至首页页面最邻近位置处；当满足切换条件时通过模拟原生切换动画将目标页面逐步切入显现，同时将首页页面逐渐切出隐藏；直至目标页面结构完全切入，通过web控件进行动态数据的请求渲染并展示完全的页面视图。

【技术实现步骤摘要】
一种网页加载方法及其装置、智能设备
本专利技术涉及移动应用
，尤其涉及一种网页加载方法及其装置、智能设备。
技术介绍
混合模式移动应用(HybridApp)，是指介于web-app、native-app这两者之间的app，HybridApp同时使用了程序语言与网页语言共同开发制作，程序语言(Native)是客户端应用的基石，在应用开发时需根据终端搭载的操作系统选择对应的开发语言，比如Android操作系统需使用java语言开发，iOS操作系统需使用Objective-C语言开发，程序语言开发编译的客户端应用需要安装到终端上运行，网页语言(Html)开发编译的服务端应用部署在服务端或封装在客户端应用中，无需区分终端的操作系统，具备跨平台的特性，在使用时客户端应用通过Web控件加载网页语言开发的网页资源展示网页。可见，混合模式移动应用兼具“NativeApp良好用户交互体验的优势”和“WebApp跨平台开发的优势”。在混合模式移动应用中，其客户端应用对网页页面的展示包括两个部分，分别为页面结构部分和动态数据部分，一般来说显示页面时，客本文档来自技高网...

【技术保护点】
1.一种网页加载方法，其特征在于，包括：/n步骤S1，预下载多个待显示页面的结构代码，并以页面为单元写入同一个HTML文件；/n步骤S2，关联各页面结构的网页地址，同时分别对所述页面结构做区别标识；/n步骤S3，调用样式属性控件根据标识顺序对多个所述页面结构做水平排列或者垂直排列；/n步骤S4，通过web控件自动访问关联的网页地址加载首页页面的动态数据，使得首页页面被展示而其余页面结构被隐藏；/n步骤S5，侦测用户的页面切换指令以获取目标页面结构的标识，基于该标识将目标页面结构切换至首页页面最邻近位置处；/n步骤S6，当满足切换条件时通过模拟原生切换动画将目标页面结构逐步切入显现，同时将首页页...

【技术特征摘要】
1.一种网页加载方法，其特征在于，包括：
步骤S1，预下载多个待显示页面的结构代码，并以页面为单元写入同一个HTML文件；
步骤S2，关联各页面结构的网页地址，同时分别对所述页面结构做区别标识；
步骤S3，调用样式属性控件根据标识顺序对多个所述页面结构做水平排列或者垂直排列；
步骤S4，通过web控件自动访问关联的网页地址加载首页页面的动态数据，使得首页页面被展示而其余页面结构被隐藏；
步骤S5，侦测用户的页面切换指令以获取目标页面结构的标识，基于该标识将目标页面结构切换至首页页面最邻近位置处；
步骤S6，当满足切换条件时通过模拟原生切换动画将目标页面结构逐步切入显现，同时将首页页面逐渐切出隐藏；
步骤S7，直至目标页面结构完全切入，通过web控件访问关联的网页地址依次进行动态数据的请求渲染并展示完全的页面视图。


2.根据权利要求1所述的方法，其特征在于，还包括：
步骤S8，当目标页面的视图被完全展示后将其定义为首页页面，返回执行步骤S5。


3.根据权利要求1所述的方法，其特征在于，所述页面切换指令包括下一页面切换指令和上一页面返回指令。


4.根据权利要求3所述的方法，其特征在于，所述侦测用户的页面切换指令以获取目标页面结构的标识，基于该标识将目标页面结构切换至首页页面最邻近位置处的方法包括：
当侦测到下一页面切换指令/上一页面返回指令时自动锁定目标页面结构的标识，同时基于该标识结构抽取关联页面存放于首页页面的相邻位置旁，以更新调整各页面结构的排列；
所述首页页面的相邻位置旁是指与首页页面水平衔接的位置处，或者首页页面最邻近的下方位置处。


5.根据权利要求1所述的方法，其特征在于，所述预下载多个待显示页面的结构代码的方法包括：
基于当前访问一次性下载全...

【专利技术属性】
技术研发人员：王桂斌，
申请(专利权)人：苏宁易购集团股份有限公司，
类型：发明
国别省市：江苏;32