[发明专利]应用程序的刷新方法、装置及电子设备

说明书

本发明实施例提供一种应用程序的刷新方法、装置及电子设备，设计计算机应用技术领域。通过在用户在电子设备上进行滑动操作，使Webview滑动，通过Native端将Webview的移动距离通过js桥传输至网页端，当此移动距离达到预设距离，且用户与电子设备的屏幕接触的部位离开屏幕时，触发网页端的刷新命令，使网页端进行刷新，并且网页端刷新后将其刷新的结果反馈至Native端，使Native端在电子设备的屏幕上呈现表征不同刷新结果的图像。Native端利用js桥与网页进行交互而实现的下拉刷新方案，刷新内容通过网页获取，获取的信息更加及时，交互方式更加灵活，开发成本交底，利于大范围推广。

技术领域

本发明涉及计算机应用技术领域，具体而言，涉及一种应用程序的刷新方法、装置及电子设备。

背景技术

随着移动互联网的不断发展，Native应用(又称本地应用，纯粹使用android控件来开发UI界面)的劣势开始不断显露，诸如开发成本高等。现在很多Native应用中都带有下拉刷新功能，当用户进行页面的下拉刷新时，对新内容进行更新和展示。例如：微博、微信、掌阅等都带有下拉刷新功能，但是，现在微博等的下拉刷新都是基于Native控件之间的交互，页面刷新的交互方式不灵活。

发明内容

有鉴于此，本发明实施例的目的在于提供一种应用程序的刷新方法、装置及电子设备，以改善上述问题。

本发明实施例提供的一种应用程序的刷新方法，应用于电子设备，所述方法包括：Native端响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第二操作，所述网页端刷新HTML5页面；所述网页端将HTML5页面的刷新结果通过所述js桥发送至所述Native端；所述Native端在所述电子设备上显示所述HTML5页面的刷新结果。

本发明实施例还提供的一种应用程序的刷新装置，应用于电子设备，所述装置包括Native端和网页端，所述Native端包括：距离传输模块，用于响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；所述网页端包括：刷新模块，用于若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第二操作，刷新HTML5页面；结果传输模块，用于将所述HTML5页面的刷新结果通过所述js桥发送至所述Native端；所述Native端还包括显示模块，用于在所述电子设备上显示所述HTML5页面的刷新结果。

本发明实施例还提供的一种电子设备，所述电子设备包括：存储器；处理器；及应用程序的刷新装置，所述应用程序的刷新装置安装于所述存储器中并包括一个或多个由所述处理器执行的软件功能模块，所述应用程序的刷新装置包括Native端和网页端，所述Native端包括：距离传输模块，用于响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；所述网页端包括：刷新模块，用于若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第二操作，刷新HTML5页面；结果传输模块，用于将所述HTML5页面的刷新结果通过所述js桥发送至所述Native端；所述Native端还包括显示模块，用于在该电子设备上显示所述HTML5页面的刷新结果。

与现有技术相比，本发明的应用程序的刷新方法、装置应用于电子设备，通过在用户在电子设备上进行滑动操作，使Webview滑动，通过Native端将Webview的移动距离通过js桥传输至网页端，当此移动距离达到预设距离，且用户与电子设备的屏幕接触的部位离开屏幕时，触发网页端的刷新命令，使网页端进行刷新，并且网页端刷新后将其刷新的结果反馈至Native端，使Native端在电子设备的屏幕上呈现表征不同刷新结果的图像。Native端利用js桥与网页进行交互而实现的下拉刷新方案，刷新内容可以通过网页获取，获取的信息更加及时，交互方式更加灵活，开发成本交底，利于大范围推广。