[发明专利]一种页面显示方法及装置

说明书

技术领域

本申请涉及互联网技术领域，尤其涉及一种页面显示方法及装置。

背景技术

随着互联网技术的不断发展，使用互联网的用户越来越多。特别是随着无线通信提供的便利性，使得无线客户端逐渐成为主流。

现有的应用程序(Application，APP)一般是采用HTML技术进行开发的。在使用HTML技术开发时，还无法完全做到页面之间的动态性。

发明内容

本申请提供的一种页面显示方法及装置，以解决现有技术中无法做到页面之间的动态性的问题。

根据本申请实施例提供的一种页面显示方法，所述方法包括：

在应用程序显示当前页面后，所述应用程序中的预设容器向当前页面中添加JSBridge的代码；

在显示目标页面的条件被触发的情况下，根据所述JSBridge的代码提供的JSBridge.call，调用所述预设容器提供的预设接口；

根据所述预设接口打开新的页面，加载并渲染所述目标页面的内容。

可选的，所述预设容器提供有JSApi、Plugin和App离线包功能。

可选的，所述JSApi包括pushWindow、popWindow、exitApp、rpc接口。

可选的，在所述加载并渲染所述目标页面的内容之前，所述方法还包括：

根据所述目标页面的开发技术，进行页面内容的加载和渲染。

可选的，所述根据所述目标页面的开发技术，进行页面内容的加载和渲染，具体包括：

在所述目标页面的开发技术为HTML的情况下，使用UIWebview进行页面内容的加载和渲染；

或者，

在所述新页面的开发技术为react-native的情况下，使用ReactRootView进行页面内容的加载和渲染。

根据本申请实施例提供的一种页面显示装置，所述装置包括：

代码添加单元，在应用程序显示当前页面后，所述应用程序中的预设容器向当前页面中添加JSBridge的代码；

接口调用单元，在显示目标页面的条件被触发的情况下，根据所述JSBridge的代码提供的JSBridge.call，调用所述预设容器提供的预设接口；

页面显示单元，根据所述预设接口打开新的页面，加载并渲染所述目标页面的内容。

可选的，所述预设容器提供有JSApi、Plugin和App离线包功能。

可选的，所述JSApi包括pushWindow、popWindow、exitApp、rpc接口。

可选的，所述页面显示单元，具体包括：

页面打开子单元，根据所述预设接口打开新的页面；

页面显示子单元，根据所述目标页面的开发技术，进行页面内容的加载和渲染。

可选的，所述第二页面显示子单元，具体包括：

在所述目标页面的开发技术为HTML的情况下，使用UIWebview进行页面内容的加载和渲染；

或者，

在所述目标页面的开发技术为react-native的情况下，使用ReactRootView进行页面内容的加载和渲染。

本申请实施例中，基于所述预设容器，可以在当前页面中注入JSBridge的代码，使得可以实现在HTML页面调用JSApi从而完成页面之间跳转的接口，可以实现页面的动态性。相对于现有基于HTML技术开发的APP，本申请基于预设容器开发的APP，无需开发人员另行写入别的代码例如每次页面之间的跳转所需要写入带有UIWebview的H5ViewController，通过预设容器提供的API就可以实现页面之间的跳转。

附图说明

图1是本申请一实施例提供的客户端和服务器(C/S)的示意图；

图2是本申请一实施例提供的浏览器和服务器(B/S)的示意图

图3是本申请一实施例提供的页面显示方法的流程图；

图4是本申请一实施例提供的预设容器的内部关系的示意图；

图5是本申请提供的页面显示装置所在设备的一种硬件结构图；

图6是本申请一实施例提供的页面显示装置的模块示意图。

具体实施方式