CN111008083B - 页面通信方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开是关于一种页面通信方法、装置、电子设备及存储介质，属于计算机技术领域。方法包括：通过第一web页面触发任一事件时，向native层发送该事件的事件信息，事件信息至少包括事件类型；通过native层接收到事件信息时，查询事件类型绑定的函数标识，函数标识指示监听事件类型的回调函数；通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息，从而实现了第一web页面与第二web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

Description

页面通信方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面通信方法、装置、电子设备及存储介质。

背景技术

Web(万维网)页面开发速度快，可以应用于不同客户端中，并且对安装客户端的终端没有要求，因此，越来越多的客户端会应用web页面，但是，客户端中的web页面之间无法实现通信，导致许多功能无法实现。

例如，客户端中包括城市选择页面和信息推荐页面，城市选择页面和信息推荐页面为web页面，城市选择页面中包括多个城市名称，供用户选择，而信息推荐页面可以显示任一城市的推荐信息。但是由于城市选择页面与信息推荐页面无法进行通信，当用户在城市选择页面中选择了某一城市名称之后，信息推荐页面无法获取到该城市名称。

发明内容

本公开提供了一种页面通信方法、装置、电子设备及存储介质，能够克服相关技术中存在的客户端中的web页面之间无法实现通信的问题。

根据本公开实施例的第一方面，提供一种页面通信方法，所述方法包括：

通过第一web页面触发任一事件时，向native层(原生层)发送所述事件的事件信息，所述事件信息至少包括事件类型；

通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识，所述函数标识指示监听所述事件类型的回调函数；

通过所述native层调用所述回调函数，向所述回调函数对应的第二web页面发送所述事件信息。

在一种可能实现方式中，所述通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识，包括：

通过所述native层接收到所述事件信息时，查询所述事件类型绑定的页面标识和函数标识，所述页面标识指示创建所述回调函数的第二web页面；

所述通过所述native层调用所述回调函数，向所述回调函数对应的第二web页面发送所述事件信息，包括：

通过所述native层调用所述回调函数，向所述第二web页面发送所述事件信息。

在另一种可能实现方式中，所述通过第一web页面触发任一事件时，向native层发送所述事件的事件信息，包括：

通过第一web页面触发任一事件时，调用第一bridge(桥梁)，向所述native层发送所述事件信息。

在另一种可能实现方式中，所述通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识之前，所述方法还包括：

通过所述第二web页面，获取待监听的事件类型，创建所述回调函数，所述回调函数具有唯一的函数标识；

通过所述第二web页面，向所述native层发送注册信息，所述注册信息包括所述事件类型和所述函数标识；

通过所述native层接收到所述注册信息时，将所述事件类型与所述函数标识进行绑定。

在另一种可能实现方式中，所述通过所述native层接收到所述注册信息时，将所述函数标识与所述事件类型进行绑定，包括：

通过所述native层接收到所述注册信息时，获取所述第二web页面的页面标识；

将所述页面标识和所述函数标识与所述事件类型进行绑定。

在另一种可能实现方式中，所述通过所述第二web页面，向所述native层发送注册信息，包括：

通过所述第二web页面，调用第二bridge，向所述native层发送所述注册信息。

在另一种可能实现方式中，所述将所述事件类型与所述函数标识进行绑定之后，所述方法还包括：

通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型和所述函数标识；

通过所述native层接收到所述解绑请求时，将所述事件类型与所述函数标识进行解绑。

在另一种可能实现方式中，所述将所述函数标识与所述事件类型进行绑定之后，所述方法还包括：

通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型；

通过所述native层接收到所述解绑请求时，将所述事件类型与已绑定的至少一个函数标识进行解绑。

在另一种可能实现方式中，所述将所述事件类型与所述函数标识进行绑定之后，所述方法还包括：

通过所述native层检测到所述第二web页面未显示时，将所述事件类型与所述函数标识进行解绑。

根据本公开实施例的第二方面，提供一种页面通信装置，所述装置包括：

事件信息发送单元，被配置为通过第一web页面触发任一事件时，向native层发送所述事件的事件信息，所述事件信息至少包括事件类型；

函数标识查询单元，被配置为通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识，所述函数标识指示监听所述事件类型的回调函数；

通信单元，被配置为通过所述native层调用所述回调函数，向所述回调函数对应的第二web页面发送所述事件信息。

在一种可能实现方式中，所述函数标识查询单元，还被配置为通过所述native层接收到所述事件信息时，查询所述事件类型绑定的页面标识和函数标识，所述页面标识指示创建所述回调函数的第二web页面；

所述通信单元，还被配置为通过所述native层调用所述回调函数，向所述第二web页面发送所述事件信息。

在另一种可能实现方式中，所述事件信息发送单元，还被配置为通过第一web页面触发任一事件时，调用第一bridge，向所述native层发送所述事件信息。

在另一种可能实现方式中，所述装置还包括：

函数创建单元，被配置为通过所述第二web页面，获取待监听的事件类型，创建所述回调函数，所述回调函数具有唯一的函数标识；

注册信息发送单元，被配置为通过所述第二web页面，向所述native层发送注册信息，所述注册信息包括所述事件类型和所述函数标识；

绑定单元，被配置为通过所述native层接收到所述注册信息时，将所述事件类型与所述函数标识进行绑定。

在另一种可能实现方式中，所述绑定单元还包括：

页面标识获取子单元，被配置为通过所述native层接收到所述注册信息时，获取所述第二web页面的页面标识；

绑定子单元，被配置为将所述页面标识和所述函数标识与所述事件类型进行绑定。

在另一种可能实现方式中，所述注册信息发送单元，还被配置为通过所述第二web页面，调用第二bridge，向所述native层发送所述注册信息。

在另一种可能实现方式中，所述装置还包括：

第一解绑请求发送单元，被配置为通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型和所述函数标识；

第一解绑单元，被配置为通过所述native层接收到所述解绑请求时，将所述事件类型与所述函数标识进行解绑。

在另一种可能实现方式中，所述装置还包括：

第二解绑请求发送单元，被配置为通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型；

第二解绑单元，被配置为通过所述native层接收到所述解绑请求时，将所述事件类型与已绑定的至少一个函数标识进行解绑。

在另一种可能实现方式中，所述装置还包括：

第三解绑单元，被配置为通过所述native层检测到所述第二web页面未显示时，将所述事件类型与所述函数标识进行解绑。

根据本公开实施例的第三方面，提供了一种用于页面通信的电子设备，所述电子设备包括：

一个或多个处理器；

用于存储所述一个或多个处理器可执行命令的易失性或非易失性存储器；

其中，所述一个或多个处理器被配置为执行第一方面所述的页面通信方法。

根据本公开实施例的第四方面，提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行第一方面所述的页面通信方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行第一方面所述的页面通信方法。

本公开实施例提供的页面通信方法、装置、电子设备及存储介质，通过第一web页面触发任一事件时，向native层发送事件的事件信息，事件信息至少包括事件类型，通过native层接收到事件信息时，查询事件类型绑定的函数标识，函数标识指示监听事件类型的回调函数，通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息，从而实现了第一web页面与第二web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

并且，本公开实施例提供的方法，通过第二web页面，获取待监听的事件类型，创建回调函数，向native层发送注册信息，通过native层接收到注册信息时，将事件类型与函数标识进行绑定，后续可以基于绑定的事件类型和函数标识，实现第二web页面与其他web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

并且，对于不需要监听的事件，通过解绑事件类型与函数标识，删除客户端中存储的注册信息，释放客户端中的存储空间，可以提高客户端的运行速度。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种页面通信方法的流程图。

图2是根据一示例性实施例示出的一种绑定方法的流程图。

图3是根据一示例性实施例示出的一种页面通信方法的流程图。

图4是根据一示例性实施例示出的一种页面通信装置的框图。

图5是根据一示例性实施例示出的另一种页面通信装置的框图。

图6是根据一示例性实施例示出的一种用于页面通信的终端的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的设备和方法的例子。

图1是根据一示例性实施例示出的一种页面通信方法的流程图，参见图1，该方法应用于终端中，包括以下步骤：

101、通过第一web页面触发任一事件时，向native层发送该事件的事件信息，事件信息至少包括事件类型。

102、通过native层接收到事件信息时，查询事件类型绑定的函数标识，函数标识指示监听事件类型的回调函数。

103、通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息。

本公开实施例提供的方法，通过第一web页面触发任一事件时，向native层发送事件的事件信息，事件信息至少包括事件类型，通过native层接收到事件信息时，查询事件类型绑定的函数标识，函数标识指示监听事件类型的回调函数，通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息，从而实现了第一web页面与第二web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

在一种可能实现方式中，通过native层接收到事件信息时，查询事件类型绑定的函数标识，包括：

通过native层接收到事件信息时，查询事件类型绑定的页面标识和函数标识，页面标识指示创建回调函数的第二web页面；

通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息，包括：

通过native层调用回调函数，向第二web页面发送事件信息。

在另一种可能实现方式中，通过第一web页面触发任一事件时，向native层发送事件的事件信息，包括：

通过第一web页面触发任一事件时，调用第一bridge，向native层发送事件信息。

在另一种可能实现方式中，通过native层接收到事件信息时，查询事件类型绑定的函数标识之前，方法还包括：

通过第二web页面，获取待监听的事件类型，创建回调函数，回调函数具有唯一的函数标识；

通过第二web页面，向native层发送注册信息，注册信息包括事件类型和函数标识；

通过native层接收到注册信息时，将事件类型与函数标识进行绑定。

在另一种可能实现方式中，通过native层接收到注册信息时，将函数标识与事件类型进行绑定，包括：

通过native层接收到注册信息时，获取第二web页面的页面标识；

将页面标识和函数标识与事件类型进行绑定。

在另一种可能实现方式中，通过第二web页面，向native层发送注册信息，包括：

通过第二web页面，调用第二bridge，向native层发送注册信息。

在另一种可能实现方式中，将事件类型与函数标识进行绑定之后，方法还包括：

通过第二web页面，向native层发送解绑请求，解绑请求携带事件类型和函数标识；

通过native层接收到解绑请求时，将事件类型与函数标识进行解绑。

在另一种可能实现方式中，将函数标识与事件类型进行绑定之后，方法还包括：

通过第二web页面，向native层发送解绑请求，解绑请求携带事件类型；

通过native层接收到解绑请求时，将事件类型与已绑定的至少一个函数标识进行解绑。

在另一种可能实现方式中，将事件类型与函数标识进行绑定之后，方法还包括：

通过native层检测到第二web页面未显示时，将事件类型与函数标识进行解绑。

本公开实施例提供了一种页面通信方法，实现了客户端中web页面之间的通信。该页面通信方法包括绑定方法、页面通信方法和解绑方法，以下实施例中将对上述方法进行详细说明。

图2是根据一示例性实施例示出的一种绑定方法的流程图，参见图2，该方法应用于终端中，包括以下步骤：

201、通过第二web页面，获取待监听的事件类型，创建回调函数。

本公开实施例提供的方法应用于终端上的任一客户端中，该客户端可以为视频播放客户端、通信客户端、直播客户端和电子支付客户端等。

其中，客户端中的任一web页面可以通过webview(网页视图)在客户端中进行加载显示，向用户显示该web页面中包含的内容，web页面可以为H5(Hyper Text MarkupLanguage 5，超文本标记语言第5代)页面等。web页面有唯一对应的页面标识，该页面标识可以为webviewID或者其他唯一表示web页面的标识。

终端通过第二web页面获取待监听的事件类型，第二web页面可以为任一web页面，事件类型用于表示第二web页面监听的事件的类型，每个事件具有唯一的事件类型。其中，事件类型可以为事件名称等。

之后，终端通过第二web页面创建回调函数，后续可以将该回调函数的函数标识与事件类型进行绑定，将该事件类型对应的事件信息通过该回调函数发送给第二web页面。回调函数具有唯一的函数标识，则函数标识用于指示监听事件类型的回调函数。其中，函数标识可以为bridgeCallbackID或者其他唯一表示回调函数的标识。

需要说明的是，本公开实施例仅是以第二web页面创建一个回调函数为例进行说明，在另一实施例中，第二web页面可以创建多个回调函数，该多个回调函数可以用于监听同一事件类型，也可以监听不同的事件类型。

202、通过第二web页面，向native层发送注册信息。

其中，native层用于显示客户端中的原生页面，通过第二web页面可以向native层发送注册信息，该注册信息包括事件类型和函数标识。

在一种可能实现方式中，通过第二web页面，调用第二bridge，向native层发送注册信息。其中，该第二bridge用于实现webview与native层之间的通信，即实现web页面与native层之间的通信，该第二bridge为用于发送注册信息的bridge，当native层接收到由第二bridge发送的注册信息时，可以根据该注册信息进行事件类型与函数标识的绑定。

需要说明的是，在另一实施例中，第二web页面可以基于其他方式，向native层发送注册信息，本公开实施例对注册信息的发送方式不做限定。

203、通过native层接收到注册信息时，将事件类型与函数标识进行绑定。

native层接收到由第二web页面发送的注册信息，对该注册信息进行解析，得到注册信息中包括的事件类型和函数标识，将事件类型与函数标识进行绑定，即后续在另一web页面触发该事件类型对应的事件时，可以调用该函数标识对应的回调函数，将该事件类型对应的事件信息发送给第二web页面，实现第二web页面与另一web页面之间的通信。

在一种可能实现方式中，通过native层接收到注册信息时，获取第二web页面的页面标识，将页面标识和函数标识与事件类型进行绑定，即后续在另一web页面触发该事件类型对应的事件时，可以首先根据页面标识查找到对应的web页面，再在该web页面对应的回调函数中查找与该事件类型绑定的回调函数。其中，页面标识可以为webviewID或者其他唯一表示该web页面的标识。

另外，客户端中可以设置缓存区，该缓存区用于缓存任一web页面的注册信息、事件信息等信息。当native层接收到注册信息时，可以将注册信息存储在缓存区中，便于后续根据注册信息中的事件类型和函数标识，通过调用函数标识对应的回调函数发送事件类型对应的事件信息，实现任两个web页面之间的通信。

在一种可能实现方式中，获取第二web页面的页面标识，将native层接收到的注册信息和页面标识存储在缓存区中。

本公开实施例提供的方法，通过第二web页面，获取待监听的事件类型，创建回调函数，向native层发送注册信息，通过native层接收到注册信息时，将事件类型与函数标识进行绑定，后续可以基于绑定的事件类型和函数标识，实现第二web页面与其他web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

图3是根据一示例性实施例示出的一种页面通信方法的流程图，参见图3，该方法应用于终端中，包括以下步骤：

301、通过第一web页面触发任一事件时，向native层发送该事件的事件信息。

其中，第一web页面可以为客户端中的任一web页面。第一web页面触发任一事件，任一事件可以为点击事件、滑动事件、长按事件等。

当第一web页面触发任一事件时，第一web页面向native层发送该事件的事件信息，事件信息至少包括事件类型，还可以包括事件内容，例如触发该事件的时间、该事件执行的操作等。该事件信息的格式可以为JSON(JavaScript Object Notation，JS对象简谱)或者其他格式。

例如，该第一web页面为城市选择页面，该城市选择页面中包括多个城市名称，当用户通过点击操作，选择了某一城市名称时，即触发了城市选择事件，此时城市选择页面可以向native层发送城市选择事件的事件信息，该事件信息可以包括城市选择事件这一事件类型和用户选择的城市名称。

在一种可能实现方式中，通过第一web页面触发任一事件时，调用第一bridge，向native层发送事件信息。其中，该第一bridge用于实现web页面与native层之间的通信，但是与上述实施例中的第二bridge的功能不同，第一bridge为用于发送事件信息的bridge，当native层接收到由第一bridge发送的事件信息时，可以根据该事件信息进行函数标识查询操作。

302、通过native层接收到事件信息时，查询事件类型绑定的函数标识。

在一种可能实现方式中，native层接收到事件信息时，获取该事件信息中包括的事件类型，根据该事件类型，查询与该事件类型绑定的函数标识，根据该函数标识确定监听该事件类型的回调函数。

在另一种可能实现方式中，基于上述实施例中的将事件类型与页面标识和函数标识进行绑定的可选方案，通过native层接收到事件信息时，获取该事件信息中包括的事件类型，查询事件类型绑定的页面标识和函数标识，根据页面标识和函数标识确定监听该事件类型的回调函数。

需要说明的是，本公开实施例仅是以查询一个与事件类型绑定的函数标识为例进行说明，在另一实施例中，当多个回调函数的函数标识与事件类型绑定，且该多个回调函数由同一web页面创建时，可以根据查询的web页面的页面标识，遍历该页面标识对应的全部函数标识，确定事件类型绑定的函数标识。

303、通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息。

根据获取的函数标识，确定该函数标识对应的回调函数，通过native层调用该回调函数，向回调函数对应的第二web页面发送事件信息，第二web页面获取到事件信息，实现第一web页面与第二web页面之间的通信。其中，基于回调函数发送的事件信息可以是数组形式或者其他形式。

在一种可能实现方式中，基于上述实施例中的将事件类型与页面标识和函数标识进行绑定的可选方案，根据获取的页面标识和函数标识，根据页面标识确定对应的第二web页面，根据获取的函数标识，确定函数标识确定对应的回调函数，通过native层调用回调函数，向第二web页面发送事件信息。

需要说明的是，本公开实施例仅是获取与事件类型绑定的一个回调函数的函数标识，基于该回调函数，向该回调函数对应的web页面发送事件信息，在另一实施例中，当一个web页面创建多个回调函数，该多个回调函数用于监听同一事件类型时，可以将该事件类型与该多个回调函数的多个函数标识进行绑定。之后，当另一web页面触发该事件类型对应的事件时，获取与事件类型绑定的多个函数标识，基于该多个函数标识对应的多个回调函数，向该多个回调函数对应的web页面发送事件信息，其中，该多个回调函数发送的事件信息相同，基于多个回调函数向同一页面发送事件信息时，可以防止事件信息的丢失，提高通信可靠性。

在另一实施例中，当多个web页面创建多个回调函数，该多个回调函数用于监听同一事件类型时，可以将该事件类型、该多个回调函数的多个函数标识以及多个web页面的页面标识分别进行绑定。之后，当另一web页面触发该事件类型对应的事件时，遍历与事件类型对应的每个页面标识，根据事件类型和遍历到的页面标识，确定与该页面标识和事件类型对应的函数标识。通过调用该函数标识对应的回调函数，向该页面标识对应的web页面发送事件信息，实现触发事件的web页面与该页面标识对应的web页面之间的通信。之后遍历下一个页面标识，对遍历到的下一个页面标识执行上述操作，完成触发事件的web页面与下一个页面标识对应的web页面之间的通信。

本公开实施例提供的方法，通过第一web页面触发任一事件时，向native层发送该事件的事件信息，通过native层接收到事件信息时，查询事件类型绑定的函数标识，通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息，实现了第一web页面与第二web页面之间的通信，该方法简单高效，可以应用于任一客户端，适用性强。并且在实现了页面之间相互通信的基础上还能够实现更多的功能，扩展了应用范围。

需要说明的是，本公开实施例中，仅是以第一web页面触发事件，第二web页面绑定事件类型与函数标识，实现第一web页面与第二web页面之间的通信为例进行说明，在另一实施例中，还可以由第一web页面绑定事件类型与回调函数的函数标识，当第二web页面触发该事件类型对应的事件时，通过调用回调函数通知第一web页面，实现第一web页面与第二web页面之间的通信。也就是说本公开实施例提供的方法，可以应用于任两个不同的web页面中。

结合上述图2和图3所示的实施例，客户端中的任两个web页面，其中一个web页面将事件类型与回调函数的函数标识进行绑定，另一web页面触发事件类型对应的事件时，通过回调函数通知创建该回调函数的web页面，即可实现这两个web页面之间的通信。

例如，客户端中包括城市选择页面和信息推荐页面，城市选择页面和信息推荐页面为web页面，城市选择页面中包括多个城市名称，供用户选择，而信息推荐页面可以显示任一城市的推荐信息。信息推荐页面获取待监听的城市选择事件，并创建回调函数，将城市选择事件与回调函数进行绑定，通过信息推荐页面打开城市选择页面，当用户在城市选择页面中选择了某一城市名称时，触发城市选择事件，得到与该城市选择事件绑定的回调函数，根据该回调函数，将选择的城市名称发送给信息推荐页面，信息推荐页面接收到该城市名称，实现城市选择页面和信息推荐页面之间的通信，使信息推荐页面可以基于用户选择的城市名称，向用户推荐该城市的信息。其中，城市选择事件的事件名可以为select_city或者其他名称，事件信息为用户选择的城市名称。

基于上述实施例中的绑定方法和页面通信方法，完成web页面之间的通信之后，还可以通过解绑方法将上述绑定方法中事件类型与函数标识进行解绑，该解绑方法包括：

方法一：

1、通过第二web页面，向native层发送解绑请求。

解绑请求携带事件类型和函数标识，用于请求解绑事件类型与函数标识。

在一种可能实现方式中，通过第二web页面，调用第三bridge，向native层发送解绑请求。其中，该第三bridge用于实现web页面与native层之间的通信，但是与上述实施例中的第一bridge和第二bridge的功能不同，第三bridge用于发送解绑请求。

2、通过native层接收到解绑请求时，将事件类型与函数标识进行解绑。

当native层接收到解绑请求时，获取解绑请求中携带的事件类型和函数标识，将事件类型与函数标识进行解绑。

在一种可能实现方式中，通过native层接收到解绑请求时，获取解绑请求中携带的事件类型和函数标识，在缓存区中查询包括该事件类型和该函数标识的注册信息，在缓存区中删除该注册信息，完成事件类型和函数标识的解绑。

方法二：

1、通过第二web页面，向native层发送解绑请求，解绑请求携带事件类型。

2、通过native层接收到解绑请求时，将事件类型与已绑定的至少一个函数标识进行解绑。

与上述方法一不同的是，该方法中第二web页面发送的解绑请求不携带函数标识，只携带事件类型。之前在进行绑定时，已经将web页面的页面标识、回调函数的函数标识以及事件类型进行绑定。则通过native层接收到解绑请求时，获取该第二web页面的页面标识，从而获取到该页面标识对应的函数标识，即为该第二web页面创建的回调函数的函数标识，将该事件类型与获取的函数标识进行解绑，此时可以解绑一个或者多个函数标识。

在一种可能实现方式中，基于上述实施例中将页面标识和函数标识与事件类型进行绑定，将页面标识、函数标识和事件类型存储在缓存区中的可选方案，通过第二web页面将携带有事件类型的解绑请求发送给native层，通过native层接收到解绑请求时，获取解绑请求中携带的事件类型，从缓存区中查询第二web页面的页面标识和该事件类型对应的注册信息，将查询到的注册信息从缓存区中删除，删除之后，该缓存区中剩余的注册信息包括该事件类型与其他web页面的页面标识对应的注册信息，以及其他事件类型对应的注册信息。

方法三：通过native层检测到第二web页面未显示时，将事件类型与函数标识进行解绑。

客户端中的native层可以检测客户端中的web页面的显示情况，当通过native层检测到第二web页面未显示时，获取该第二web页面的页面标识，根据该页面标识获取对应的事件类型和函数标识，将事件类型与函数标识进行解绑。其中，第二web页面未显示包括第二web页面跳转至其他页面或者第二web页面关闭等情况。

在一种可能实现方式中，当第二web页面未显示时，在缓存区中删除该第二web页面的页面标识对应的全部注册信息。

对于不需要监听的事件，通过解绑事件类型与函数标识，删除客户端中存储的注册信息，释放客户端中的存储空间，可以提高客户端的运行速度。

图4是根据一示例性实施例示出的一种页面通信装置的框图。参见图4，该装置包括：

事件信息发送单元401，被配置为通过第一web页面触发任一事件时，向native层发送事件的事件信息，事件信息至少包括事件类型；

函数标识查询单元402，被配置为通过native层接收到事件信息时，查询事件类型绑定的函数标识，函数标识指示监听事件类型的回调函数；

通信单元403，被配置为通过native层调用回调函数，向回调函数对应的第二web页面发送事件信息。

在一种可能实现方式中，函数标识查询单元402，还被配置为通过native层接收到事件信息时，查询事件类型绑定的页面标识和函数标识，页面标识指示创建回调函数的第二web页面；

通信单元403，还被配置为通过native层调用回调函数，向第二web页面发送事件信息。

在另一种可能实现方式中，事件信息发送单元401，还被配置为通过第一web页面触发任一事件时，调用第一bridge，向native层发送事件信息。

在另一种可能实现方式中，参见图5，装置还包括：

函数创建单元404，被配置为通过第二web页面，获取待监听的事件类型，创建回调函数，回调函数具有唯一的函数标识；

注册信息发送单元405，被配置为通过第二web页面，向native层发送注册信息，注册信息包括事件类型和函数标识；

绑定单元406，被配置为通过native层接收到注册信息时，将事件类型与函数标识进行绑定。

在另一种可能实现方式中，参见图5，绑定单元406还包括：

页面标识获取子单元4061，被配置为通过native层接收到注册信息时，获取第二web页面的页面标识；

绑定子单元4062，被配置为将页面标识和函数标识与事件类型进行绑定。

在另一种可能实现方式中，参见图5，注册信息发送单元405，还被配置为通过第二web页面，调用第二bridge，向native层发送注册信息。

在另一种可能实现方式中，参见图5，装置还包括：

第一解绑请求发送单元407，被配置为通过第二web页面，向native层发送解绑请求，解绑请求携带事件类型和函数标识；

第一解绑单元408，被配置为通过native层接收到解绑请求时，将事件类型与函数标识进行解绑。

在另一种可能实现方式中，参见图5，装置还包括：

第二解绑请求发送单元409，被配置为通过第二web页面，向native层发送解绑请求，解绑请求携带事件类型；

第二解绑单元410，被配置为通过native层接收到解绑请求时，将事件类型与已绑定的至少一个函数标识进行解绑。

在另一种可能实现方式中，参见图5，装置还包括：

第三解绑单元411，被配置为通过native层检测到第二web页面未显示时，将事件类型与函数标识进行解绑。

关于上述实施例中的装置，其中各个单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种用于页面通信的终端600的框图。该终端600用于执行上述页面通信方法中终端所执行的步骤，可以是便携式移动终端，比如：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端600还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端600包括有：一个或多个处理器601和一个或多个存储器602。

处理器601可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器601可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器601也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器601可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器601还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器602可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器602还可包括易失性存储器或非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器602中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器601所具有以实现本申请中方法实施例提供的页面通信方法。

在一些实施例中，终端600还可选包括有：外围设备接口603和至少一个外围设备。处理器601、存储器602和外围设备接口603之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口603相连。具体地，外围设备包括：射频电路604、触摸显示屏605、摄像头606、音频电路607、定位组件608和电源609中的至少一种。

外围设备接口603可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器601和存储器602。在一些实施例中，处理器601、存储器602和外围设备接口603被集成在同一芯片或电路板上；在一些其他实施例中，处理器601、存储器602和外围设备接口603中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路604用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路604通过电磁信号与通信网络以及其他通信设备进行通信。射频电路604将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路604包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路604可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及13G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路604还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏605用于显示UI(UserInterface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏605是触摸显示屏时，显示屏605还具有采集在显示屏605的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器601进行处理。此时，显示屏605还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏605可以为一个，设置终端600的前面板；在另一些实施例中，显示屏605可以为至少两个，分别设置在终端600的不同表面或呈折叠设计；在再一些实施例中，显示屏605可以是柔性显示屏，设置在终端600的弯曲表面上或折叠面上。甚至，显示屏605还可以设置成非矩形的不规则图形，也即异形屏。显示屏605可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件606用于采集图像或视频。可选地，摄像头组件606包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件606还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路607可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器601进行处理，或者输入至射频电路604以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端600的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器601或射频电路604的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路607还可以包括耳机插孔。

定位组件608用于定位终端600的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件608可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源609用于为终端600中的各个组件进行供电。电源609可以是交流电、直流电、一次性电池或可充电电池。当电源609包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端600还包括有一个或多个传感器610。该一个或多个传感器610包括但不限于：加速度传感器611、陀螺仪传感器612、压力传感器613、指纹传感器614、光学传感器615以及接近传感器616。

加速度传感器611可以检测以终端600建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器611可以用于检测重力加速度在三个坐标轴上的分量。处理器601可以根据加速度传感器611采集的重力加速度信号，控制触摸显示屏605以横向视图或纵向视图进行用户界面的显示。加速度传感器611还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器612可以检测终端600的机体方向及转动角度，陀螺仪传感器612可以与加速度传感器611协同采集用户对终端600的3D动作。处理器601根据陀螺仪传感器612采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器613可以设置在终端600的侧边框和/或触摸显示屏605的下层。当压力传感器613设置在终端600的侧边框时，可以检测用户对终端600的握持信号，由处理器601根据压力传感器613采集的握持信号进行左右手识别或快捷操作。当压力传感器613设置在触摸显示屏605的下层时，由处理器601根据用户对触摸显示屏605的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器614用于采集用户的指纹，由处理器601根据指纹传感器614采集到的指纹识别用户的身份，或者，由指纹传感器614根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器601授权该用户具有相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器614可以被设置终端600的正面、背面或侧面。当终端600上设置有物理按键或厂商Logo时，指纹传感器614可以与物理按键或厂商标志集成在一起。

光学传感器615用于采集环境光强度。在一个实施例中，处理器601可以根据光学传感器615采集的环境光强度，控制触摸显示屏605的显示亮度。具体地，当环境光强度较高时，调高触摸显示屏605的显示亮度；当环境光强度较低时，调低触摸显示屏605的显示亮度。在另一个实施例中，处理器601还可以根据光学传感器615采集的环境光强度，动态调整摄像头组件606的拍摄参数。

接近传感器616，也称距离传感器，通常设置在终端600的前面板。接近传感器616用于采集用户与终端600的正面之间的距离。在一个实施例中，当接近传感器616检测到用户与终端600的正面之间的距离逐渐变小时，由处理器601控制触摸显示屏605从亮屏状态切换为息屏状态；当接近传感器616检测到用户与终端600的正面之间的距离逐渐变大时，由处理器601控制触摸显示屏605从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图6中示出的结构并不构成对终端600的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种非临时性计算机可读存储介质，当存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述页面通信方法中终端所执行的步骤。

在示例性实施例中，还提供了一种计算机程序产品，当计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行上述页面通信方法中终端所执行的步骤。

本领域技术人员在考虑说明书及实践这里的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (18)

1.一种页面通信方法，其特征在于，所述方法包括：

通过第二web页面，获取待监听的事件类型，创建多个回调函数，所述回调函数具有唯一的函数标识；

通过所述第二web页面，向native层发送注册信息，所述注册信息包括所述事件类型和所述多个回调函数的多个函数标识，所述函数标识指示监听所述事件类型的回调函数；

通过所述native层接收到所述注册信息时，将所述事件类型与所述多个函数标识进行绑定；

通过第一web页面触发任一事件时，向原生native层发送所述事件的事件信息，所述事件信息至少包括事件类型；

通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识；

通过所述native层调用所述多个函数标识对应的多个回调函数，向所述多个回调函数对应的同一第二web页面发送所述事件信息。

2.根据权利要求1所述的方法，其特征在于，所述通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识，包括：

通过所述native层接收到所述事件信息时，查询所述事件类型绑定的页面标识和函数标识，所述页面标识指示创建所述回调函数的第二web页面；

所述通过所述native层调用所述回调函数，向所述回调函数对应的第二web页面发送所述事件信息，包括：

通过所述native层调用所述回调函数，向所述第二web页面发送所述事件信息。

3.根据权利要求1所述的方法，其特征在于，所述通过第一web页面触发任一事件时，向native层发送所述事件的事件信息，包括：

通过第一web页面触发任一事件时，调用第一bridge(桥梁)，向所述native层发送所述事件信息。

4.根据权利要求1所述的方法，其特征在于，所述通过所述native层接收到所述注册信息时，将所述事件类型与所述多个函数标识进行绑定，包括：

通过所述native层接收到所述注册信息时，获取所述第二web页面的页面标识；

将所述页面标识和所述多个函数标识与所述事件类型进行绑定。

5.根据权利要求1所述的方法，其特征在于，所述通过所述第二web页面，向native层发送注册信息，包括：

通过所述第二web页面，调用第二bridge，向所述native层发送所述注册信息。

6.根据权利要求1所述的方法，其特征在于，所述将所述事件类型与所述多个函数标识进行绑定之后，所述方法还包括：

通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型和所述函数标识；

通过所述native层接收到所述解绑请求时，将所述事件类型与所述函数标识进行解绑。

7.根据权利要求1所述的方法，其特征在于，所述将所述事件类型与所述多个函数标识进行绑定之后，所述方法还包括：

通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型；

通过所述native层接收到所述解绑请求时，将所述事件类型与已绑定的至少一个函数标识进行解绑。

8.根据权利要求1所述的方法，其特征在于，所述将所述事件类型与所述多个函数标识进行绑定之后，所述方法还包括：

通过所述native层检测到所述第二web页面未显示时，将所述事件类型与所述函数标识进行解绑。

9.一种页面通信装置，其特征在于，所述装置包括：

函数创建单元，被配置为通过第二web页面，获取待监听的事件类型，创建多个回调函数，所述回调函数具有唯一的函数标识；

注册信息发送单元，被配置为通过所述第二web页面，向native层发送注册信息，所述注册信息包括所述事件类型和所述多个回调函数的多个函数标识，所述函数标识指示监听所述事件类型的回调函数；

绑定单元，被配置为通过所述native层接收到所述注册信息时，将所述事件类型与所述多个函数标识进行绑定；

事件信息发送单元，被配置为通过第一web页面触发任一事件时，向native层发送所述事件的事件信息，所述事件信息至少包括事件类型；

函数标识查询单元，被配置为通过所述native层接收到所述事件信息时，查询所述事件类型绑定的函数标识，所述函数标识指示监听所述事件类型的回调函数；

通信单元，被配置为通过所述native层调用所述多个函数标识对应的多个回调函数，向所述多个回调函数对应的同一第二web页面发送所述事件信息。

10.根据权利要求9所述的装置，其特征在于，所述函数标识查询单元，还被配置为通过所述native层接收到所述事件信息时，查询所述事件类型绑定的页面标识和函数标识，所述页面标识指示创建所述回调函数的第二web页面；

所述通信单元，还被配置为通过所述native层调用所述回调函数，向所述第二web页面发送所述事件信息。

11.根据权利要求9所述的装置，其特征在于，所述事件信息发送单元，还被配置为通过第一web页面触发任一事件时，调用第一bridge，向所述native层发送所述事件信息。

12.根据权利要求9所述的装置，其特征在于，所述绑定单元还包括：

页面标识获取子单元，被配置为通过所述native层接收到所述注册信息时，获取所述第二web页面的页面标识；

绑定子单元，被配置为将所述页面标识和所述函数标识与所述事件类型进行绑定。

13.根据权利要求9所述的装置，其特征在于，所述注册信息发送单元，还被配置为通过所述第二web页面，调用第二bridge，向所述native层发送所述注册信息。

14.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第一解绑请求发送单元，被配置为通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型和所述函数标识；

第一解绑单元，被配置为通过所述native层接收到所述解绑请求时，将所述事件类型与所述函数标识进行解绑。

15.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第二解绑请求发送单元，被配置为通过所述第二web页面，向所述native层发送解绑请求，所述解绑请求携带所述事件类型；

第二解绑单元，被配置为通过所述native层接收到所述解绑请求时，将所述事件类型与已绑定的至少一个函数标识进行解绑。

16.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第三解绑单元，被配置为通过所述native层检测到所述第二web页面未显示时，将所述事件类型与所述函数标识进行解绑。

17.一种用于页面通信的电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

用于存储所述一个或多个处理器可执行命令的易失性或非易失性存储器；

其中，所述一个或多个处理器被配置为执行如权利要求1至权利要求8任一项所述的页面通信方法。

18.一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至权利要求8任一项所述的页面通信方法。