[发明专利]页面加载方法及客户端

说明书

本申请实施方式公开了一种页面加载方法及客户端，其中，所述应用程序运行于客户端中，所述应用程序中包括至少两个调用接口，所述至少两个调用接口对应至少两个不同的浏览控件；所述至少两个不同的浏览控件对应不同的系统版本；所述方法包括：识别所述客户端的当前系统版本；在所述至少两个不同的浏览控件中，确定与所述当前系统版本相适配的当前浏览控件；通过与所述当前浏览控件对应的调用接口调用所述当前浏览控件，并将所述当前浏览控件实例化，以加载预设资源标识指向的页面。本申请提供的一种页面加载方法、页面操作指令的处理方法及客户端，能够有效地实现网页页面与原生系统之间的数据通信。

技术领域

本申请涉及计算机技术领域，特别涉及一种页面加载方法及客户端。

背景技术

随着终端设备的不断发展，在终端设备上运行的应用程序也层出不穷。目前，在终端设备上运行的应用程序通常可以通过Hybrid混合开发模式进行开发。在Hybrid模式的应用程序运行时，通常需要涉及原生系统与网页页面之间的通信问题。

当前，在实现网页页面与原生系统之间通信时，一方面可以通过a标签中的href传递数据。具体地，网页页面可以将数据填充于href字段中，网页页面实现跳转时，原生系统可以获取href字段，从而解析出href字段中的数据。该方法很巧妙地解决了网页页面与原生系统之间的通信问题，但不足之处在于，该方法只有在页面跳转时才能让a便签生效，从而才能传递数据，因此存在很大的局限性。

另一方面可以通过创建iframe传递数据。具体地，网页页面可以用利用JavaScript动态创建iframe，iframe的id、name、src等字段中可以包含要传递的数据。这样，原生系统可以从iframe的上述字段中获取网页页面传递的数据。该方法不需要页面跳转就可以实现网页页面与原生系统之间的通信，克服了前述方法的局限性，但存在以下两个问题：第一、所有的iframe必须在网页页面加载完所有内容(包括图像、脚本文件、CSS文件等)后才能生效；第二、该方案只针对iOS系统中的UIWebView有效，对于iOS系统中的WKWebView是不生效的。也就是说，该方案在实际应用中也具备较大的局限性。

发明内容

本申请实施方式的目的是提供一种页面加载方法及客户端，能够有效地实现网页页面与原生系统之间的数据通信。

为实现上述目的，本申请一方面提供一种应用程序的页面加载方法，所述应用程序运行于客户端中，所述应用程序中包括至少两个调用接口，所述至少两个调用接口对应至少两个不同的浏览控件；所述至少两个不同的浏览控件对应不同的系统版本；所述方法包括：识别所述客户端的当前系统版本；在所述至少两个不同的浏览控件中，确定与所述当前系统版本相适配的当前浏览控件；通过与所述当前浏览控件对应的调用接口调用所述当前浏览控件，并将所述当前浏览控件实例化，以加载预设资源标识指向的页面。

为实现上述目的，本申请另一方面提供一种客户端，所述客户端中运行有预设应用程序，所述客户端包括：存储器，用于存储所述预设应用程序中包含的至少两个调用接口以及所述至少两个调用接口对应的至少两个不同的浏览控件，所述至少两个不同的浏览控件对应不同的系统版本；显示器，用于展示页面信息；处理器，用于识别所述客户端的当前系统版本；在所述至少两个不同的浏览控件中，确定与所述当前系统版本相适配的当前浏览控件；通过与所述当前浏览控件对应的调用接口调用所述当前浏览控件，并将所述当前浏览控件实例化，以加载预设资源标识指向的页面。

为实现上述目的，本申请另一方面提供一种客户端的页面操作指令的处理方法，所述方法包括：所述客户端的浏览器将当前页面中附带的交互信息提供给所述客户端的原生系统；其中，所述交互信息按照预设格式编写，以使得所述交互信息能被所述客户端的原生系统识别；所述交互信息包括操作指令和回调信息；所述操作指令指向所述客户端的原生系统功能；在所述客户端的原生系统中执行所述交互信息中的操作指令，并基于所述交互信息中的回调信息，将所述操作指令的执行结果反馈给所述浏览器。