实现移动浏览器客户端与网页交互的方法、装置和客户端的制作方法
【专利摘要】本发明公开了一种实现移动浏览器客户端与网页交互的方法、装置和客户端。所述该方法包括：预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插件对应的调用接口和/或与独立于浏览器客户端的应用对应的调用接口；接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的指定调用接口的调用请求；将所述调用请求发送给移动浏览器客户端中的与所述指定调用接口对应的应用插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与所述指定调用接口对应的独立于浏览器客户端的应用进行处理。本发明提供的技术方案简化了用户在浏览网页时调用应用或插件的操作流程，给用户更为便捷、流畅、符合需求的交互体验。
【专利说明】实现移动浏览器客户端与网页交互的方法、装置和客户端
【技术领域】
[0001] 本发明涉及互联网【技术领域】，具体涉及一种实现移动浏览器客户端与网页交互的 方法、装置和移动浏览器客户端。
【背景技术】
[0002] 随着移动互联网技术的迅速发展和移动设备的成熟普及，移动互联网用户数量日 益增多，移动设备代替PC成为了用户进行网上行为的主要终端，用户的网页访问行为从原 来的基于PC的浏览器访问逐渐转变成基于移动浏览器客户端的访问。用户在移动浏览器 客户端中浏览网页时，可能会对网页地址、网页中的网页元素等内容产生共鸣、兴趣和需 求，需要调用相应的功能来对数据进行处理，例如，调用搜索功能进行搜索，调用支付功能 进行支付，调用语音识别功能进行识别，调用分享功能进行分享等。
[0003] 在现有技术中，往往要通过用户手动调用移动浏览器客户端中的具有相应功能的 插件，或者，通过用户手动调用具有相应功能的第三方应用来实现对网页中的数据的处理， 例如，用户浏览网页时看到一张图片，想要对该图片进行分享，在现有方案中，需要用户手 动打开移动浏览器客户端中的具有分享功能的插件或者需要手动打开第三方具有分享功 能的应用来进行图片的分享，整个过程费时费力，网页侧与移动浏览器客户端并无友好的 交互过程，不符合用户需求。
【发明内容】
[0004] 鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上 述问题的一种实现移动浏览器客户端与网页交互的方法、装置和移动浏览器客户端。
[0005] 依据本发明的一个方面，提供了一种实现移动浏览器客户端与网页交互的方法， 该方法包括：预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插件对应的调 用接口和/或与独立于浏览器客户端的应用对应的调用接口；其中，不同的应用插件和不 同的独立于浏览器客户端的应用分别对应不同的调用接口；接收移动浏览器客户端中加载 的网页侧发出的调用移动浏览器客户端的指定调用接口的调用请求；将所述调用请求发送 给移动浏览器客户端中的与所述指定调用接口对应的应用插件进行处理，和/或，发送给 移动浏览器客户端所在移动终端中的与所述指定调用接口对应的独立于浏览器客户端的 应用进行处理。
[0006] 可选地，所述接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户 端的指定调用接口的调用请求包括：接收移动浏览器客户端中加载的网页中的JS函数发 出的调用移动浏览器客户端的指定调用接口的调用请求；其中，所述的各调用接口对外公 布，所述JS函数是根据对外公布的相应调用接口实现的。
[0007] 可选地，所述接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器 客户端的指定调用接口的调用请求包括：接收移动浏览器客户端中加载的网页侧使用 console, log方法传递来的调用移动浏览器客户端的指定调用接口的调用请求；其中，调 用请求的具体内容作为console, log方法的参数。
[0008] 可选地，该方法进一步包括：在接收移动浏览器客户端中加载的网页侧发出的调 用移动浏览器客户端的指定调用接口的调用请求后，判断所述网页侧是否符合预设规定； 如果符合，执行将所述调用请求发送给移动浏览器客户端中的与所述指定调用接口对应的 应用插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与所述指定调用 接口对应的独立于浏览器客户端的应用进行处理的步骤；如果不符合，不做响应。
[0009] 可选地，所述移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的 指定调用接口的调用请求，是所述动浏览器客户端中加载的网页侧确认当前移动浏览器客 户端符合预设规定时发出的。
[0010] 可选地，所述与移动浏览器客户端中的应用插件对应的调用接口包括如下中的一 种或多种：与搜索插件对应的调用接口、与支付插件对应的调用接口、与语音识别插件对应 的调用接口、与视频播放插件对应的调用接口、与音频播放插件对应的调用接口、与实现根 据地址信息加载地图的插件对应的调用接口、与电子邮件插件对应的调用接口、与相机功 能插件对应的调用接口、与呼叫功能插件对应的调用接口、与短信功能插件对应的调用接 口、与联系人添加插件对应的调用接口和与分享插件对应的调用接口；
[0011] 所述与独立于浏览器客户端的应用对应的调用接口包括如下中的一种或多种：与 搜索应用对应的调用接口、与支付应用对应的调用接口、与语音识别应用对应的调用接口、 与视频播放应用对应的调用接口、与音频播放应用对应的调用接口、与实现根据地址信息 加载地图的应用对应的调用接口、与电子邮件应用对应的调用接口、与相机应用对应的调 用接口、与呼叫应用对应的调用接口、与短信应用对应的调用接口、与联系人添加应用对应 的调用接口和可进行分享应用对应的调用接口；
[0012] 其中，可进行分享的应用包括：微信好友应用、微信朋友圈应用、QQ好友应用、QQ 控件应用、微博应用、云盘应用和蓝牙传输应用。
[0013] 可选地，所述接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户 端的指定调用接口的调用请求，以及所述将所述调用请求发送给移动浏览器客户端中的与 所述指定调用接口对应的应用插件进行处理包括：
[0014] 接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的与分享 插件对应的调用接口的调用请求，将所述调用请求发送给移动浏览器客户端中的分享插件 进行处理。
[0015] 可选地，该方法进一步包括：移动浏览器客户端中的分享插件收到所述调用请求 后，
[0016] 从该调用请求中获取待分享数据；生成包含多种可分享应用的标识的对话框并弹 出，以供用户选择一个可分享应用；调用用户选择的应用的分享接口，将获取的待分享数据 通过调用该分享接口进行分享。
[0017] 可选地，所述对话框中包括：预设个数的可分享应用的标识和一个扩展按钮；该 方法进一步包括：当所述扩展按钮被触发时，弹出另一个包含移动终端的系统提供的可进 行分享的其他应用的标识的新对话框。
[0018] 可选地，所述对话框中还包括：实现复制链接的功能键；该方法进一步包括：当所 述功能键被触发时，将待分享的网页数据复制到移动终端系统的剪贴板上。
[0019] 可选地，弹出另一个包含移动终端的系统提供的可进行分享的其他应用的标识的 新对话框之前，该方法进一步包括：向移动终端的系统触发一个分享Action，接收系统根 据该分享Action返回的系统中能够满足该分享Action的应用列表；根据预设策略筛掉所 述应用列表中的部分应用；生成包含所述应用列表中的应用的标识的所述新对话框。
[0020] 可选地，在调用用户选择的应用的分享接口，将获取的待分享数据通过调用该分 享接口进行分享之前，该方法进一步包括：依次判断移动浏览器所在的移动终端是否已安 装了该应用、用户是否已登录该应用以及用户是否授权通过该应用分享；如果没有安装该 应用，则跳转到该应用的网页登录页面，如果该应用没有对应的网页登录页面，则提示用户 下载该应用；如果用户没有登录，则提示用户进行登录；如果用户没有授权分享，则提示用 户是否授权，如果用户授权则记录授权令牌；只有用户登录该应用，并授权通过该应用分享 时，才执行所述的调用用户选择的应用的分享接口，才执行所述将获取的待分享数据通过 调用该分享接口进行分享的步骤。
[0021] 可选地，该方法进一步包括：如果用户选的应用没有提供分享接口，将待分享的网 页数据通过Intent方式发送到该应用进行分享。
[0022] 可选地，该方法进一步包括：根据不同的可分享应用提供的不同的分享接口，分别 预先定制调用不同的分享接口的不同调用方法；
[0023] 所述调用用户选择的应用的分享接口为：利用用户选择的应用的分享接口对应的 调用方法来调用该分享接口。
[0024] 可选地，该方法在所述从该调用请求中获取待分享数据之后，该方法进一步包括： 判断所述待分享数据中是否包含预定格式的数据；如果包含，进一步在所述对话框中显示 可处理所述预定格式数据的应用；当所述对话框中的可处理所述预定格式数据的应用被触 发时，将所述待分享数据中的预定格式的数据通过Intent方式发送给该应用进行相应处 理。
[0025] 依据本发明的另一个方面，提供了一种实现移动浏览器客户端与网页交互的装 置，该装置包括：
[0026] 设置单元，适于预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插 件对应的调用接口和/或与独立于浏览器客户端的应用对应的调用接口；其中，不同的应 用插件和不同的独立于浏览器客户端的应用分别对应不同的调用接口；
[0027] 接收单元，适于接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客 户端的指定调用接口的调用请求，将该调用请求发送给转发处理单元；
[0028] 转发处理单元，适于将所述调用请求发送给移动浏览器客户端中的与所述指定调 用接口对应的应用插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与 所述指定调用接口对应的独立于浏览器客户端的应用进行处理。
[0029] 可选地，所述接收单元，适于接收移动浏览器客户端中加载的网页中的JS函数发 出的调用移动浏览器客户端的指定调用接口的调用请求；
[0030] 其中，所述的各调用接口对外公布，所述JS函数是根据对外公布的相应调用接口 实现的。
[0031] 可选地，所述接收单元，适于接收移动浏览器客户端中加载的网页侧使用 console, log方法传递来的调用移动浏览器客户端的指定调用接口的调用请求；其中，调 用请求的具体内容作为console, log方法的参数。
[0032] 可选地，所述接收单元，进一步适于在接收移动浏览器客户端中加载的网页侧发 出的调用移动浏览器客户端的指定调用接口的调用请求后，判断所述网页侧是否符合预设 规定；如果符合，则将该请求发送给转发处理单元，如果不符合，不做处理。
[0033] 可选地，所述接收单元接收的移动浏览器客户端中加载的网页侧发出的调用移动 浏览器客户端的指定调用接口的调用请求，是所述动浏览器客户端中加载的网页侧确认当 前移动浏览器客户端符合预设规定时发出的。
[0034] 可选地，所述设置单元设置的与移动浏览器客户端中的应用插件对应的调用接口 包括如下中的一种或多种：与搜索插件对应的调用接口、与支付插件对应的调用接口、与语 音识别插件对应的调用接口、与视频播放插件对应的调用接口、与音频播放插件对应的调 用接口、与实现根据地址信息加载地图的插件对应的调用接口、与电子邮件插件对应的调 用接口、与相机功能插件对应的调用接口、与呼叫功能插件对应的调用接口、与短信功能插 件对应的调用接口、与联系人添加插件对应的调用接口和与分享插件对应的调用接口；
[0035] 所述设置单元设置的与独立于浏览器客户端的应用对应的调用接口包括如下中 的一种或多种：与搜索应用对应的调用接口、与支付应用对应的调用接口、与语音识别应用 对应的调用接口、与视频播放应用对应的调用接口、与音频播放应用对应的调用接口、与实 现根据地址信息加载地图的应用对应的调用接口、与电子邮件应用对应的调用接口、与相 机应用对应的调用接口、与呼叫应用对应的调用接口、与短信应用对应的调用接口、与联系 人添加应用对应的调用接口和可进行分享应用对应的调用接口；
[0036] 其中，可进行分享的应用包括：微信好友应用、微信朋友圈应用、QQ好友应用、QQ 控件应用、微博应用、云盘应用和蓝牙传输应用。
[0037] 可选地，该装置进一步包括：分享插件单元；
[0038] 所述接收单元，适于接收移动浏览器客户端中加载的网页侧发出的调用移动浏览 器客户端的与分享插件单元对应的调用接口的调用请求，将该调用请求发送给转发处理单 元，
[0039] 所述转发处理单元，适于将所述调用请求发送给移动浏览器客户端中的分享插件 单元进行处理。
[0040] 可选地，所述分享插件单元包括：
[0041] 数据获取模块，适于从转发处理单元发送的该调用请求中获取待分享数据；
[0042] 对话框模块，适于生成包含多种可分享应用的标识的对话框并弹出，以供用户选 择一个可分享应用；
[0043] 分享模块，适于调用用户选择的应用的分享接口，将获取的待分享数据通过调用 该分享接口进行分享。
[0044] 可选地，所述对话框模块弹出的对话框中包括：预设个数的可分享应用的标识和 一个扩展按钮；
[0045] 所述对话框模块，进一步适于当所述扩展按钮被触发时，弹出另一个包含移动终 端的系统提供的可进行分享的其他应用的标识的新对话框。
[0046] 可选地，所述对话框模块弹出的对话框中还包括：实现复制链接的功能键；
[0047] 所述对话框模块，进一步适于当所述功能键被触发时，将待分享的网页数据复制 到移动终端系统的剪贴板上。
[0048] 可选地，所述对话框模块，进一步适于在弹出所述新对话框之前，向移动终端的 系统触发一个分享Action，接收系统根据该分享Action返回的系统中能够满足该分享 Action的应用列表；
[0049] 根据预设策略筛掉所述应用列表中的部分应用；
[0050] 生成包含所述应用列表中的应用的标识的所述新对话框。
[0051] 可选地，在调用用户选择的应用的分享接口，将获取的待分享数据通过调用该分 早接口进tx分早之如，
[0052] 所述分享模块，进一步依次判断移动浏览器所在的移动终端是否已安装了该应 用、用户是否已登录该应用以及用户是否授权通过该应用分享；如果没有安装该应用，则跳 转到该应用的网页登录页面，如果该应用没有对应的网页登录页面，则提示用户下载该应 用；如果用户没有登录，则提示用户进行登录；如果用户没有授权分享，则提示用户是否授 权，如果用户授权则记录授权令牌；只有用户登录该应用，并授权通过该应用分享时，才执 行所述的调用用户选择的应用的分享接口，才执行所述将获取的待分享数据通过调用该分 享接口进行分享的步骤。
[0053] 可选地，所述分享模块，进一步适于当用户选的应用没有提供分享接口，将待分享 的网页数据通过Intent方式发送到该应用进行分享。
[0054] 可选地，所述分享插件单元进一步包括：定制模块，适于根据不同的可分享应用提 供的不同的分享接口，分别预先定制调用不同的分享接口的不同调用方法；
[0055] 所述分享模块，适于利用用户选择的应用的分享接口对应的调用方法来调用该分 享接口。
[0056] 可选地，所述分享插件单元进一步包括：判断模块，适于判断所述待分享数据中是 否包含预定格式的数据；
[0057] 所述对话框模块，适于在所述判断模块判断出包含预定格式的数据时，进一步在 所述对话框中显示可处理所述预定格式数据的应用；
[0058] 所述分享模块，进一步适于当所述对话框中的可处理所述预定格式数据的应用被 触发时，将所述待分享数据中的预定格式的数据通过Intent方式发送给该应用进行相应 处理。
[0059] 依据本发明的又一个方面，提供了一种移动浏览器客户端，该移动浏览器客户端 包括如上任一项所述的实现移动浏览器客户端与网页交互的装置。
[0060] 由上述可知，本发明提供的技术方案将网页侧发出的调用请求通过预先设置的调 用接口发送给相应的插件或应用，使得相应的插件或应用对调用请求进行处理，从而完成 了移动浏览器客户端与网页之间的交互，简化了用户在浏览网页时调用应用或插件的操作 流程，无需用户手动查找、调用具有相关功能的应用或插件，给用户更为便捷、流畅、符合需 求的交互体验。
[0061] 上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段， 而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够 更明显易懂，以下特举本发明的【具体实施方式】。
【专利附图】
【附图说明】
[0062] 通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通 技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明 的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
[0063] 图1示出了根据本发明一个实施例的一种实现移动浏览器客户端与网页交互的 方法的流程图；
[0064] 图2示出了根据本发明另一个实施例的一种实现移动浏览器客户端与网页交互 的方法的流程图；
[0065] 图3示出了根据本发明一个实施例的一种实现移动浏览器客户端与网页交互的 装置的示意图；
[0066] 图4示出了根据本发明另一个实施例的一种实现移动浏览器客户端与网页交互 的装置的示意图；
[0067] 图5示出了根据本发明又一个实施例的一种实现移动浏览器客户端与网页交互 的装置的分享插件单元的示意图；
[0068] 图6示出了根据本发明一个实施例的一种移动浏览器客户端的示意图；
[0069] 图7A示出了根据本发明一个实施例的移动客户端加载的网页的示意图；
[0070] 图7B示出了根据本发明一个实施例的对话框的示意图；
[0071] 图7C示出了根据本发明一个实施例的新对话框的示意图；
[0072] 图7D示出了根据本发明一个实施例的网页登陆页面的示意图；
[0073] 图7E示出了根据本发明一个实施例的授权页面的示意图。
【具体实施方式】
[0074] 下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开 的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例 所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围 完整的传达给本领域的技术人员。
[0075] 图1示出了根据本发明一个实施例的一种实现移动浏览器客户端与网页交互的 方法的流程图。如图1所示，该方法包括：
[0076] 步骤S110,预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插件对 应的调用接口和/或与独立于浏览器客户端的应用对应的调用接口。
[0077] 本步骤中，不同的应用插件和不同的独立于浏览器客户端的应用分别对应不同的 调用接口。
[0078] 步骤S120,接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端 的指定调用接口的调用请求。
[0079] 步骤S130,将调用请求发送给移动浏览器客户端中的与指定调用接口对应的应用 插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与指定调用接口对应 的独立于浏览器客户端的应用进行处理。
[0080] 可见，图1所示的方法将网页侧发出的调用请求通过预先设置的调用接口发送给 相应的插件或应用，使得相应的插件或应用对调用请求进行处理，从而完成了移动浏览器 客户端与网页之间的交互，简化了用户在浏览网页时调用应用或插件的操作流程，无需用 户手动查找、调用具有相关功能的应用或插件，给用户更为便捷、流畅、符合需求的交互体 验。
[0081] 在本发明的一个实施例中，图1所示方法的步骤S120接收移动浏览器客户端中加 载的网页侧发出的调用移动浏览器客户端的指定调用接口的调用请求是指：接收移动浏览 器客户端中加载的网页中的JS函数发出的调用移动浏览器客户端的指定调用接口的调用 请求；其中，各调用接口对外公布，网页中的JS函数是根据对外公布的相应调用接口实现 的。
[0082] 例如，一个具有数据分享功能的应用或应用插件，其相应的图文分享的调用接口 参数如表1所示：
[0083] 表 1
[0084]
【权利要求】
1. 一种实现移动浏览器客户端与网页交互的方法，其中，该方法包括： 预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插件对应的调用接口 和/或与独立于浏览器客户端的应用对应的调用接口；其中，不同的应用插件和不同的独 立于浏览器客户端的应用分别对应不同的调用接口； 接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的指定调用接 口的调用请求； 将所述调用请求发送给移动浏览器客户端中的与所述指定调用接口对应的应用插件 进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与所述指定调用接口对应 的独立于浏览器客户端的应用进行处理。
2. 如权利要求1所述的方法，其中，所述接收移动浏览器客户端中加载的网页侧发出 的调用移动浏览器客户端的指定调用接口的调用请求包括： 接收移动浏览器客户端中加载的网页中的JS函数发出的调用移动浏览器客户端的指 定调用接口的调用请求； 其中，所述的各调用接口对外公布，所述JS函数是根据对外公布的相应调用接口实现 的。
3. 如权利要求1所述的方法，其中，所述接收移动浏览器客户端中加载的网页侧发出 的调用移动浏览器客户端的指定调用接口的调用请求包括： 接收移动浏览器客户端中加载的网页侧使用console, log方法传递来的调用移动浏 览器客户端的指定调用接口的调用请求；其中，调用请求的具体内容作为console, log方 法的参数。
4. 如权利要求1所述的方法，其中，该方法进一步包括： 在接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的指定调用 接口的调用请求后，判断所述网页侧是否符合预设规定； 如果符合，执行将所述调用请求发送给移动浏览器客户端中的与所述指定调用接口对 应的应用插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与所述指定 调用接口对应的独立于浏览器客户端的应用进行处理的步骤； 如果不符合，不做响应。
5. 如权利要求1所述的方法，其中， 所述移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端的指定调用接 口的调用请求，是所述动浏览器客户端中加载的网页侧确认当前移动浏览器客户端符合预 设规定时发出的。
6. -种实现移动浏览器客户端与网页交互的装置，其中，该装置包括： 设置单元，适于预先在移动浏览器客户端中设置与移动浏览器客户端中的应用插件对 应的调用接口和/或与独立于浏览器客户端的应用对应的调用接口；其中，不同的应用插 件和不同的独立于浏览器客户端的应用分别对应不同的调用接口； 接收单元，适于接收移动浏览器客户端中加载的网页侧发出的调用移动浏览器客户端 的指定调用接口的调用请求，将该调用请求发送给转发处理单元； 转发处理单元，适于将所述调用请求发送给移动浏览器客户端中的与所述指定调用接 口对应的应用插件进行处理，和/或，发送给移动浏览器客户端所在移动终端中的与所述 指定调用接口对应的独立于浏览器客户端的应用进行处理。
7. 如权利要求6所述的装置，其中， 所述接收单元，适于接收移动浏览器客户端中加载的网页中的JS函数发出的调用移 动浏览器客户端的指定调用接口的调用请求； 其中，所述的各调用接口对外公布，所述JS函数是根据对外公布的相应调用接口实现 的。
8. 如权利要求6所述的装置，其中， 所述接收单元，适于接收移动浏览器客户端中加载的网页侧使用console, log方法传 递来的调用移动浏览器客户端的指定调用接口的调用请求；其中，调用请求的具体内容作 为console, log方法的参数。
9. 如权利要求6所述的装置，其中， 所述接收单元，进一步适于在接收移动浏览器客户端中加载的网页侧发出的调用移动 浏览器客户端的指定调用接口的调用请求后，判断所述网页侧是否符合预设规定；如果符 合，则将该请求发送给转发处理单元，如果不符合，不做处理。
10. -种移动浏览器客户端，其中，该移动浏览器客户端包括如权利要求6-9中任一项 所述的实现移动浏览器客户端与网页交互的装置。
【文档编号】H04L29/06GK104462478SQ201410796006
【公开日】2015年3月25日 申请日期:2014年12月18日 优先权日:2014年12月18日
【发明者】杨德立 申请人:北京奇虎科技有限公司, 奇智软件（北京）有限公司