应用程序的刷新方法、装置及电子设备制造方法及图纸

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

Refresh method, device and electronic device for application program

The embodiment of the invention provides a refresh method, an apparatus and an electronic device for an application program, and designs a computer application technology field. The users in the electronic device sliding operation, make the Webview sliding through the Native side will move away from the Webview through the JS bridge is transmitted to the web side, when the moving distance reaches a preset distance, and the user with the screen of the electronic device contact parts from the screen, the end of the page refresh command, the end of the page refresh, refresh the page and the end will refresh the results back to the Native side, the Native side of the screen of the electronic device presents a characterization of the image different refresh results. Native terminal by JS bridge interact with web pages and the drop-down refresh scheme, refresh the content through the web access, access to information more timely, interactive mode is more flexible, the development cost of construction, to promote a wide range of.

【技术实现步骤摘要】
应用程序的刷新方法、装置及电子设备
本专利技术涉及计算机应用
，具体而言，涉及一种应用程序的刷新方法、装置及电子设备。
技术介绍
随着移动互联网的不断发展，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桥与网页进行交互而实现的下拉刷新方案，刷新内容可以通过网页获取，获取的信息更加及时，交互方式更加灵活，开发成本交底，利于大范围推广。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1为本专利技术较佳实施例提供的电子设备的方框示意图。图2为本专利技术较佳实施例提供的应用程序的刷新装置的功能模块示意图。图3a和图3b均为本专利技术较佳实施例提供的显示单元显示的应用程序的刷新装置内的页面。图4为本专利技术较佳实施例提供的应用程序的刷新方法的流程图。图标：10-电子设备；101-存储器；102-存储控制器；103-处理器；104-外设接口；105-显示单元；200-应用程序的刷新装置；300-网页端；301-刷新模块；302-结果传输模块；400-Native端；401-距离传输模块；402-显示模块；403-js桥。具体实施方式下面将结合本专利技术实施例中附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本专利技术的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。请参考图1，本专利技术实施例提供的应用程序的刷新装置200可应用于电子设备10中。所述电子设备10可以是，但不限于智能手机、个人电脑(personalcomputer，PC)、平板电脑、个人数字助理(personaldigitalassistant，PDA)、移动上网设备(mobileInternetdevice，MID)等。所述电子设备10的操作系统可以是，但不限于，安卓(Android)系统、IOS(iPhoneoperatingsystem)系统、Windowsphone系统、Windows系统等。于本专利技术实施例中，所述应用程序的刷新装置200可以是安装于电子设备10中的应用程序(Application，APP)，如书旗小说客户端、牵牛客户端、淘宝客户端等。所述电子设备10还包括存储器101、存储控制器102、处理器103、外设接口104以及显示单元105。所述存储器101、存储控制器102、处理器103、外设接口104以及显示单元105，各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述应用程序的刷新装置200包括至少一个可以软件或固件(firmware)的形式存储于所述存储器101中或固化在所述电子设备10的操作系统(operatingsystem，OS)中的软件功能模块。所述处理器103用于执行存储器101中存储的可执行模块，例如，所述应用程序的刷新装置200包括的软件功能模块或计算机程序。处理器103可能是一种集成电路芯片，具有信号的处理能力。上述的处理器103可以是通用处理器，包括中央处理器(CentralProcessingUnit，简称CPU)、网络处理器(NetworkProcessor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FP本文档来自技高网...

【技术保护点】
一种应用程序的刷新方法，应用于电子设备，其特征在于，所述方法包括：Native端响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第二操作，所述网页端刷新HTML5页面；所述网页端将HTML5页面的刷新结果通过所述js桥发送至所述Native端；所述Native端在所述电子设备上显示所述HTML5页面的刷新结果。

【技术特征摘要】
1.一种应用程序的刷新方法，应用于电子设备，其特征在于，所述方法包括：Native端响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第二操作，所述网页端刷新HTML5页面；所述网页端将HTML5页面的刷新结果通过所述js桥发送至所述Native端；所述Native端在所述电子设备上显示所述HTML5页面的刷新结果。2.根据权利要求1所述的应用程序的刷新方法，其特征在于，在所述移动距离达到预设距离之前，所述Native端在所述电子设备上显示第一图像。3.根据权利要求2所述的应用程序的刷新方法，其特征在于，控制所述第一图像的比例跟随所述移动距离的增大而增大。4.根据权利要求1所述的应用程序的刷新方法，其特征在于，所述HTML5页面的刷新结果包括所述HTML5页面刷新成功，所述Native端在所述电子设备显示所述HTML5页面的刷新结果包括：当所述HTML5页面刷新成功时，所述Native端在所述电子设备上显示第二图像。5.根据权利要求1所述的应用程序的刷新方法，其特征在于，所述HTML5页面的刷新结果包括所述HTML5页面刷新失败，所述Native端在所述电子设备上显示所述HTML5页面的刷新结果包括：当所述HTML5页面刷新失败时，所述Native端在所述电子设备上显示第三图像。6.根据权利要求1所述的应用程序的刷新方法，其特征在于，所述数据集展示组件为Webview，所述方法包括：响应用户与所述电子设备的显示单元上的滑动操作，控制所述Webview进行移动。7.根据权利要求6所述的应用程序的刷新方法，其特征在于，所述方法包括：所述Native端实时将所述Webview的移动距离发送至所述网页端，所述网页端在所述Webview的移动距离达到所述预设距离之前还进行初始化工作。8.根据权利要求1所述的应用程序的刷新方法，其特征在于，在所述网页端刷新HTML5页面之后还包括：所述电子设备显示刷新后的所述HTML5页面。9.一种应用程序的刷新装置，应用于电子设备，其特征在于，所述装置包括Native端和网页端，所述Native端包括：距离传输模块，用于响应用户对数据集展示组件的第一操作时，将所述数据集展示组件的移动距离通过js桥发送至网页端；所述网页端包括：刷新模块，用于若所述移动距离达到预设距离时，所述网页端响应用户对所述数据集展示组件的第...

【专利技术属性】
技术研发人员：张灿岩，
申请(专利权)人：广州阿里巴巴文学信息技术有限公司，
类型：发明
国别省市：广东,44