CN109815427A - 展示h5页面的方法、客户端应用模块、h5模块及*** - Google Patents

Abstract

本发明公开了一种展示H5页面的方法、客户端应用模块、H5模块及***，该方法包括：由客户端应用模块响应于展示H5页面的操作，加载webview；确认webview加载完成，向H5模块注入供调用的接口信息；检测向H5模块注入供调用的接口信息完成的第一事件是否发生；在第一事件发生的情况下，通知H5模块；由H5模块响应于展示H5页面的操作，加载对应的H5页面；检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生；在第三事件的发生的情况下，根据接口信息调用相应的接口，以根据webview展示H5页面。

Description

展示H5页面的方法、客户端应用模块、H5模块及***

技术领域

本发明涉及H5页面展示技术领域，更具体地，涉及一种展示H5页面的方法、客户端应用模块、H5模块及***。

背景技术

超文本标记语言的第五修订版(被称作“HTML5”，简称“H5”)由称为万维网协会(“W3C”)的国际标准组织正式地定义。HTML5包括涉及下一代Web技术的多于100个规范。HTML5描述了被配置成使得设计者和开发者能够构建下一代web站点和应用(“app”)的一组HTML、CSS(级联样式表)以及JavaScript规范。

开始加载H5页面时，H5模块开始加载对应的H5页面、且客户端应用模块开始加载webview。但是H5模块加载完成H5页面的时机、与客户端应用模块加载完成webview的时机均是不确定的。如果H5模块调用客户端应用模块的接口时，客户端应用模块已经加载完成webview，且已经向H5页面注入接口信息，那么客户端应用模块可以正常响应H5模块的接口调用。但是，如果客户端应用模块还没有向H5模块注入相关接口，H5模块可能就已经开始调用客户端应用模块的接口了，就会导致H5模块调用客户端应用模块的接口失败，那么可能会导致展示的H5页面不正常。

发明内容

本发明的一个目的是提供一种用于展示H5页面的新技术方案。

根据本发明的第一方面，提供了一种展示H5页面的方法，所述方法由客户端应用模块实施，所述方法包括：

步骤S1100，响应于展示H5页面的操作，加载webview；

步骤S1200，确认所述webview加载完成，向H5模块注入供调用的接口信息；

步骤S1300，检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；

步骤S1400，在所述第一事件发生的情况下，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

可选的，所述方法还包括：

检测所述H5模块加载完成对应的H5页面的第二事件是否发生；

所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

可选的，所述检测所述H5模块加载完成对应的H5页面的第二事件是否发生的步骤包括：

检测是否接收到所述H5模块发送的H5页面加载完成的通知。

可选的，所述通知中包括指定的监听事件；

所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，回调所述指定的监听事件，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

根据本发明的第二方面，提供了一种展示H5页面的方法，所述方法由H5模块实施，所述方法包括：

步骤S2100，响应于展示H5页面的操作，加载对应的H5页面；

步骤S2200，检测客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；

步骤S2300，在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

可选的，所述方法还包括：

在所述H5页面加载完成的情况下，通过伪协议通知所述客户端应用模块，以供所述客户端应用模块检测到所述H5模块加载完成所述H5页面；

其中，所述伪协议中包括所述H5模块加载完成所述H5页面的信息。

可选的，所述伪协议中还包括指定的监听事件；

所述步骤S2200进一步包括：

检测所述客户端应用模块是否回调所述指定的监听事件。

根据本发明的第三方面，提供了一种客户端应用模块，包括：

Webview加载单元，用于响应于展示H5页面的操作，加载webview；

接口信息注入单元，用于在所述webview加载完成的情况下，向H5模块注入供调用的接口信息；

第一事件检测单元，用于检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；

第一通知单元，用于根据所述第一事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

根据本发明的第四方面，提供了一种H5模块，包括：

H5页面加载单元，用于响应于展示H5页面的操作，加载对应的H5页面；

第三事件检测单元，用于检测所述客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；

接口调用单元，用于在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

根据本发明的第五方面，提供了一种展示H5页面的***，包括根据本发明第三方面所述的客户端应用模块、及根据本发明第四方面所述的H5模块。

本发明的实施例通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。

图1是显示可用于实现本发明的实施例的展示H5页面的***的硬件配置的例子的框图。

图2示出了本发明的第一实施例的展示H5页面的方法的流程图。

图3示出了本发明的第一实施例的客户端应用模块的框图。

图4示出了本发明的第二实施例的展示H5页面的方法的流程图。

图5示出了本发明的第二实施例的H5模块的框图。

图6示出了本发明的第三实施例的测试***的框图。

图7示出了本发明的第三实施例的展示H5页面的***实施展示H5页面的方法的例子的示意图。

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

<硬件配置>

如图1所示，展示H5页面的***1000包括客户端应用模块1100、H5模块1200、及通信网络1300。

客户端应用模块1100可以是便携式电脑、台式计算机、手机、平板电脑等电子设备。在在另一个例子中，客户端应用模块1100可以如图1所示，包括处理器1110、存储器1120、接口装置1130、通信装置1140、显示装置1150、输入装置1160。尽管客户端应用模块1100也可以包括扬声器、麦克风等等，但是，这些部件与本发明无关，故在此省略。其中，处理器1110例如可以是中央处理器CPU、微处理器MCU等。存储器1120例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1130例如包括USB接口、串行接口等。通信装置1140例如能够进行有线或无线通信。显示装置1150例如是液晶显示屏。输入装置1160例如可以包括触摸屏、键盘等。

H5模块1200可以是便携式电脑、台式计算机、手机、平板电脑等电子设备。如图1所示，H5模块1200可以包括处理器1210、存储器1220、接口装置1230、通信装置1240、显示装置1250、输入装置1260、扬声器1270、麦克风1280，等等。其中，处理器1210可以是中央处理器CPU、微处理器MCU等。存储器1220例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1230例如包括USB接口、耳机接口等。通信装置1240例如能够进行有线或无线通信。显示装置1250例如是液晶显示屏、触摸显示屏等。输入装置1260例如可以包括触摸屏、键盘等。用户可以通过扬声器1270和麦克风1280输入/输出语音信息。

通信网络1300可以是无线网络也可以网络，可以是局域网也可以是广域网。在图1所示的配置环境1000中，H5模块1200以及客户端应用模块1100可以通过通信网络1300进行通信。

图1所示的配置环境1100仅是解释性的，并且决不是为了要限制本发明、其应用或用途。

应用于本发明的实施例中，客户端应用模块1100的所述存储器1120用于存储指令，所述指令用于控制所述处理器1110进行操作以执行本发明第一实施例提供的任意一项展示H5页面的方法。H5模块1200的所述存储器1220用于存储指令，所述指令用于控制所述处理器1210进行操作以执行本发明第二实施例提供的任意一项展示H5页面的方法。

本领域技术人员应当理解，尽管在图1中对客户端应用模块1100以及H5模块1200都示出了多个装置，但是，本发明可以仅涉及其中的部分装置，例如，客户端应用模块1100只涉及处理器1110和存储装置1120，或者H5模块1200只涉及处理器1210和存储装置1220等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。

本发明实施例的总体构思，是提供一种新的展示H5页面的技术方案，通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

<第一实施例>

<方法>

在本实施例中，提供一种展示H5页面的方法，通过客户端应用模块实施。

该客户端应用模块可以任意具有处理器和存储器的电子设备，例如，可以是便携式电脑、台式计算机、手机、平板电脑等电子产品。在一个例子中，客户端应用模块可以是图1所示的客户端应用模块1100。

该展示H5页面的方法，如图2所示，包括：步骤S1100-S1400。

步骤S1100，响应于展示H5页面的操作，加载webview。

展示H5页面的操作，可以是由用户触发的。在客户端应用模块接收到展示H5页面的操作时，可以加载webview。

WebView是一个特殊的View，基于webkit引擎、用于展现H5页面的控件，这个类可以被用来展示H5页面。WebView内部实现是采用渲染引擎来展示view的内容，提供H5页面的前进后退，网页放大，缩小，搜索。

步骤S1200，确认webview加载完成，向H5模块注入供调用的接口信息。

客户端应用模块在webview加载完毕之后，向H5模块注入接口信息，以使H5模块能够根据注入的接口信息来调用相应的接口。其中，接口信息至少包括H5模块能够调用的接口的名称、路径等。该接口能够提供webview和H5模块之间的通道，H5模块通过调用相应的接口来调用webview进行H5页面的展示。

步骤S1300，检测向H5模块注入接口信息完成的第一事件是否发生。

在一个例子中，客户端应用模块可以通过调用相应函数的返回值来判断向H5模块注入接口信息完成的第一事件是否发生。可以是在该返回值为0的情况下，表示webview未加载完成，即第一事件未发生；在该返回值为1的情况下，表示webview加载完成，即第一事件发生。

步骤S1400，在第一事件发生的情况下，通知该H5模块，以供H5模块根据接口信息调用相应的接口，根据webview展示H5页面。

在第一事件发生的情况下，即客户端应用模块向H5模块注入接口信息完成的情况下，通知H5模块。

具体的，通知H5模块的方式可以是调用预先指定的监听事件。那么，在H5模块检测到客户端应用模块调用该监听事件的情况下，实现客户端应用模块通知H5模块。

在一个例子中，该方法还可以包括：

检测H5模块加载完成对应的H5页面的第二事件是否发生。那么，步骤S1400还可以根据第二事件的检测结果，通知H5模块。

具体的，可以是客户端应用模块在检测到第一事件和第二事件均发生的情况下，即客户端应用模块向H5模块注入接口信息完成、且H5模块加载完成对应的H5页面的情况下，通知H5模块。

进一步地，检测第二事件是否发生的步骤可以包括：

检测是否接收到H5模块发送的H5页面加载完成的通知。

H5模块在加载完成对应的H5页面时，可以向客户端应用模块发送通知，以使客户端应用模块可以检测到H5模块加载完成对应的H5页面的第二事件是否发生。

再进一步地，H5模块在H5页面加载完成之后，会通过伪协议通知客户端应用模块。该伪协议中可以包括H5页面加载完成的信息。

“真”协议用来在计算机之间传输数据包，比如http协议，ftp协议；伪协议是一种非标准化的协议，为关联应用程序而使用的。

在此基础上，该通知中包括指定的监听事件。那么，通知H5模块的步骤可以包括：回调该指定的监听事件。

其中，指定的监听事件是用于监听客户端应用模块是否调用H5模块中的该指定的监听事件。

该指定的监听事件可以是一个函数，在客户端应用模块未调用该指定的监听事件时，该函数的返回值为0。在客户端应用模块调用该指定的监听事件时，该函数的返回值为1。H5模块通过调用该函数的返回值，就可以判断客户端应用模块是否调用H5模块中的该指定的监听事件，并以此来判断客户端应用模块是否通知H5模块注入接口信息完成的第一事件发生。

<客户端应用模块>

在本例中，还提供一种客户端应用模块300，如图3所示，包括：Webview加载单元310、接口信息注入单元320、第一事件检测单元330和第一通知单元340。该Webview加载单元310用于响应于展示H5页面的操作，加载webview；该接口信息注入单元320用于在webview加载完成的情况下，向H5模块注入供调用的接口信息；该第一事件检测单元330用于检测向H5模块注入供调用的接口信息完成的第一事件是否发生；该第一通知单元340用于根据第一事件的检测结果，通知H5模块，以供H5模块根据接口信息调用相应的接口，以根据webview展示H5页面。

该客户端应用模块300还可以包括第二事件检测模块(图中未示出)，用于检测所述H5模块加载完成对应的H5页面的第二事件是否发生。该第一通知单元340还用于根据第二事件的检测结果通知H5模块。

在一个例子中，第二事件检测模块还可以用于：检测是否接收到H5模块发送的H5页面加载完成的通知。

在此基础上，该通知包括中包括指定的监听事件；

该第一通知单元340还用于：根据第一事件和第二事件的检测结果，回调指定的监听事件。

本领域技术人员应当明白，可以通过各种方式来实现客户端应用模块300。例如，可以通过指令配置处理器来实现客户端应用模块300。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现客户端应用模块300。例如，可以将客户端应用模块300固化到专用器件(例如ASIC)中。可以将客户端应用模块300分成相互独立的单元，或者可以将它们合并在一起实现。客户端应用模块300可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

在本实施例中，客户端应用模块300可以是任意实施本实施例的信息展示方法的具有信息展示功能的装置，例如，客户端应用模块300可以是具有信息展示功能的应用程序，或者安装有信息展示功能的应用程序。

以上已经结合附图描述了本实施例，根据本实施例，提供一种展示H5页面的方法及客户端应用模块，通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

<第二实施例>

<方法>

在本实施例中，提供一种展示H5页面的方法，通过H5模块实施。

该H5模块可以任意具有显示装置、处理器和控制器的电子设备，例如，可以是手机、掌上电脑、平板电脑、笔记本电脑、台式计算机等。在一个例子中，H5模块可以是图1所示的H5模块1200。

该展示H5页面的方法，如图4所示，包括：步骤S2100-S2300。

步骤S2100，响应于展示H5页面的操作，加载对应的H5页面。

展示H5页面的操作，可以是由用户触发的。在H5模块接收到展示H5页面的操作时，可以加载对应的H5页面。

步骤S2200，检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生。

在一个例子中，在H5页面加载完成的情况下，通知客户端应用模块，以供客户端应用模块检测到H5模块加载完成H5页面。

进一步地，在H5页面加载完成的情况下，H5模块可以通过伪协议通知客户端应用模块，其中，该伪协议中包括H5模块加载完成H5页面的信息。

“真”协议用来在计算机之间传输数据包，比如http协议，ftp协议；伪协议是一种非标准化的协议，为关联应用程序而使用的。

在此基础上，伪协议中还可以包括指定的监听事件。那么，步骤S2300可以进一步为：检测客户端应用模块是否回调指定的监听事件。

其中，指定的监听事件是用于监听客户端应用模块是否调用H5模块中的该指定的监听事件。

该指定的监听事件可以是一个函数，在客户端应用模块未调用该指定的监听事件时，该函数的返回值为0。在客户端应用模块调用该指定的监听事件时，该函数的返回值为1。H5模块通过读取该函数的返回值，就可以判断客户端应用模块是否调用H5模块中的该指定的监听事件，并以此来检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生。

步骤S2300，在第三事件的发生的情况下，根据接口信息调用相应的接口，以根据webview展示H5页面。

在检测到客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件发生的情况下，可以根据接口信息调用客户端应用模块中相应的接口，以根据webview展示H5页面。

本实施例中通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

<H5模块>

在本实施例中，还提供一种H5模块500，如图5所示，包括：

H5页面加载单元510、第三事件检测单元520、接口调用单元530。该H5页面加载单元510用于响应于展示H5页面的操作，加载对应的H5页面；该第三事件检测单元520用于检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生；该接口调用单元530用于在第三事件的发生的情况下，根据接口信息调用相应的接口，以根据webview展示H5页面。

进一步地，该H5模块500还可以包括第二通知单元，用于通过伪协议通知客户端应用模块，以供客户端应用模块检测到H5模块加载完成H5页面；其中，该伪协议中包括H5模块加载完成H5页面的信息。

在此基础上，该伪协议中还包括指定的监听事件。那么，该第三事件检测单元530还可以用于：检测客户端应用模块是否回调指定的监听事件。

本领域技术人员应当明白，可以通过各种方式来实现H5模块500。例如，可以通过指令配置处理器来实现H5模块500。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现H5模块500。例如，可以将H5模块500固化到专用器件(例如ASIC)中。可以将H5模块500分成相互独立的单元，或者可以将它们合并在一起实现。H5模块500可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

以上已经结合附图描述了本实施例，根据本实施例，提供一种展示H5页面的方法及H5模块，通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

<第三实施例>

在本实施例中，提供一种展示H5页面的***600，如图6所示，包括：

第一实施例中提供的客户端应用模块300；

以及第二实施例中提供的H5模块500。

在本实施例中，展示H5页面的***600还可以包括其他设备，例如，还可以包括通信服务器，用于管理客户端应用模块300与H5模块500之间的通信连接；或者，还可以包括信息服务器，用于协助客户端应用模块300管理H5模块500，等等。

在一个例子中，展示H5页面的***600还可以是如图1所示的展示H5页面的***1000。

以下将结合图7举例进一步说明通过本实施例中的测试***600实施的展示H5页面的方法。

该展示H5页面的方法，如图7所示，包括：步骤S701-S708。

步骤S701，由客户端应用模块响应于展示H5页面的操作，加载webview。

步骤S702，由客户端应用模块确认webview加载完成，向H5模块注入供调用的接口信息。

步骤S703，由客户端应用模块检测向H5模块注入供调用的接口信息完成的第一事件是否发生。

步骤S704，由客户端应用模块在第一事件发生的情况下，通知H5模块。

步骤S705，由H5模块响应于展示H5页面的操作，加载对应的H5页面。

步骤S706，由H5模块检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生。

步骤S706，由H5模块在第三事件的发生的情况下，根据接口信息调用相应的接口，以根据webview展示H5页面。

客户端应用模块300实施的展示H5页面的步骤在第一实施例中已经详细说明，H5端500实施的展示H5页面的步骤在第二实施例中已经详细说明，在此不再赘述。

在本例中，可以通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。

本发明可以是***、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。

这里参照根据本发明实施例的方法、装置(***)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims (10)

1.一种展示H5页面的方法，其特征在于，所述方法由客户端应用模块实施，所述方法包括：

步骤S1100，响应于展示H5页面的操作，加载webview；

步骤S1200，确认所述webview加载完成，向H5模块注入供调用的接口信息；

步骤S1300，检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；

步骤S1400，在所述第一事件发生的情况下，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

检测所述H5模块加载完成对应的H5页面的第二事件是否发生；

所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

3.根据权利要求2所述的方法，其特征在于，所述检测所述H5模块加载完成对应的H5页面的第二事件是否发生的步骤包括：

检测是否接收到所述H5模块发送的H5页面加载完成的通知。

4.根据权利要求3所述的方法，其特征在于，所述通知中包括指定的监听事件；

所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，回调所述指定的监听事件，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

5.一种展示H5页面的方法，其特征在于，所述方法由H5模块实施，所述方法包括：

步骤S2100，响应于展示H5页面的操作，加载对应的H5页面；

步骤S2200，检测客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；

步骤S2300，在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

在所述H5页面加载完成的情况下，通过伪协议通知所述客户端应用模块，以供所述客户端应用模块检测到所述H5模块加载完成所述H5页面；

其中，所述伪协议中包括所述H5模块加载完成所述H5页面的信息。

7.根据权利要求6所述的方法，其中，所述伪协议中还包括指定的监听事件；

所述步骤S2200进一步包括：

检测所述客户端应用模块是否回调所述指定的监听事件。

8.一种客户端应用模块，其特征在于，包括：

Webview加载单元，用于响应于展示H5页面的操作，加载webview；

接口信息注入单元，用于在所述webview加载完成的情况下，向H5模块注入供调用的接口信息；

第一事件检测单元，用于检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；

第一通知单元，用于根据所述第一事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

9.一种H5模块，其特征在于，包括：

H5页面加载单元，用于响应于展示H5页面的操作，加载对应的H5页面；

第三事件检测单元，用于检测所述客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；

接口调用单元，用于在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。

10.一种展示H5页面的***，包括根据权利要求8所述的客户端应用模块、及根据权利要求9所述的H5模块。