网页刷新方法、装置、电子设备以及存储介质制造方法及图纸

本发明专利技术实施例公开了一种网页刷新方法、装置、电子设备以及存储介质。该方法包括：当检测到当前页面由不可见状态切换至可见状态时，触发所述当前页面的布局更新；基于所述布局更新触发所述当前页面的布局刷新，渲染刷新后的页面。通过本发明专利技术实施例公开的技术方案，实现了在页面可见时实现自动刷新，提高了页面刷新效率。率。率。

【技术实现步骤摘要】
网页刷新方法、装置、电子设备以及存储介质


[0001]本专利技术实施例涉及计算机前端
，尤其涉及一种网页刷新方法、装置、电子设备以及存储介质。

技术介绍

[0002]目前很多应用软件采用原生+H5混合式开发，方便快捷，便于维护。因此WebView成为Android开发的必用控件。钉钉、手机淘宝、微信就是采用了类似的开发方案，都属于原生+H5混合式开发。
[0003]但是，市面上的混合式开发不会在主页面嵌入微应用(H5小程序)，也不会在H5页面在不可见的情况下更新界面，也就是说：必须在小程序H5页面可见的时候才能下拉刷新，页面中的数据不会自动刷新。

技术实现思路

[0004]本专利技术提供一种网页刷新方法、装置、电子设备以及存储介质，以实现在页面可见时实现自动刷新，提高了页面刷新效率。
[0005]第一方面，本专利技术实施例提供了一种网页刷新方法，该方法包括：
[0006]当检测到当前页面由不可见状态切换至可见状态时，触发所述当前页面的布局更新；
[0007]基于所述布局更新触发所述当前页面的布局刷新，渲染刷新后的页面。
[0008]第二方面，本专利技术实施例还提供了一种网页刷新装置，该装置包括：
[0009]布局更新触发模块，用于当检测到当前页面有不可见状态切换至可见状态时，触发所述当前页面的布局更新；
[0010]页面渲染模块，用于基于所述布局更新触发所述当前页面的布局刷新，渲染刷新后的页面。
[0011]第三方面，本专利技术实施例还提供了一种电子设备，所述电子设备包括：
[0012]一个或多个处理器；
[0013]存储装置，用于存储一个或多个程序，
[0014]当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本专利技术任意实施例提供的网页刷新方法。
[0015]第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本专利技术任意实施例提供的网页刷新方法。
[0016]本专利技术实施例的技术方案具体包括当检测到当前页面由不可见状态切换至可见状态时，触发所述当前页面的布局更新；基于所述布局更新触发所述当前页面的布局刷新，渲染刷新后的页面。通过本专利技术实施例提供的技术方案，实现了在页面可见时实现自动刷新，提高了页面刷新效率。
附图说明
[0017]为了更加清楚地说明本专利技术示例性实施例的技术方案，下面对描述实施例中所需要用到的附图做一简单介绍。显然，所介绍的附图只是本专利技术所要描述的一部分实施例的附图，而不是全部的附图，对于本领域普通技术人员，在不付出创造性劳动的前提下，还可以根据这些附图得到其他的附图。
[0018]图1是本专利技术实施例一提供的网页刷新方法的流程示意图；
[0019]图2是本专利技术实施例二提供的网页刷新装置的结构示意图；
[0020]图3为本专利技术实施例三提供的电子设备的结构示意图。
具体实施方式
[0021]下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。
[0022]实施例一
[0023]图1为本专利技术实施例一提供的一种网页刷新方法的流程图，本实施例可适用于在对从不可见变可见的网页进行刷新的情况。该方法可以由网页刷新装置来执行，该装置可以由软件和/或硬件的方式来实现。
[0024]在介绍本实施例的技术方案之前，先对本实施例的应用场景进行示例性的介绍：现有技术中H5页面常驻原生应用主标签页面，为了实现快速切换标签，Android端会采用View Pager控件作为容器容纳所有的标签主页面，这时候会发现当H5页面被切换到不可见时，H5页面自动获取新的数据后，页面将不会更新。
[0025]为了解决上述技术问题，本专利技术实施例的技术方案主要是在检测到界面有不可见变可见时，在当前的页面中设置布局标签，并根据布局标签触发当前界面的布局更新，并基于更新的布局触发布局刷新，从而实现当前页面的刷新，进而提升用户的视觉体验。
[0026]如图1所示，该方法具体包括以下步骤：
[0027]S110、当检测到当前页面由不可见状态切换至可见状态时，触发所述当前页面的布局更新。
[0028]在本实施例中，不可见状态是指当前页面处于后台打开但是并没有显示在前端页面的状态，可见状态是指当前页面处于前端打开可视的状态。示例性的，终端打开的页面包括页面1、页面2和页面3，其中，页面2处于在显示界面的显示状态，即页面处于可见状态，页面1和页面3处于不可见状态。当检测到页面切换操作，将页面1在显示界面进行显示时，页面1由不可见状态切换至可见状态。
[0029]具体的，检测当前页面由不可见到可见状态的方法可以是根据后台控制端设置的监听指令，监听到当前页面由不可见切换至可见状态时回传该页面的可见指令，使控制端明确当前页面的可视状态，当然也可以设置当前页面切换至可见状态的其他触发条件，本实施例对检测当前页面由不可见状态切换至可见状态的方法不加以限制。示例性的，当前页面的可见指令可以是在检测到切换至当前页面的手势(例如在屏幕上检测到的滑动手势等)时生成，还可以是在检测到对当前页面的页面标签的点击或选择操作时生成。本实施例中，不限定可见状态的切换实现方式。
[0030]当检测到当前页面处于可见状态时，触发当前页面的布局更新。其中，布局更新可以是通过添加布局标签实现改变当前页面的布局的排布方式，以实现整体页面的刷新。在一些实施例中，可以是对当前页面的布局信息进行布局信息的调节，该布局信息的变化可用于触发页面刷新。
[0031]可选的，触发当前页面的布局更新的方法可以是调用预先设置的布局更新代码，执行所述布局更新代码，对所述当前页面进行布局更新。具体的，通过调用布局刷新函数用于执行布局更新代码，例如，布局刷新函数可以包括但不限于：webView.loadUrl("javascript:"+js)，其中，js为为布局更新代码，例如js代码可以是：
[0032]String js＝"var a＝document.createElement(\"h1\")；"；
[0033]js+＝"a.innerText＝\"我变可见啦！\"；"；
[0034]js+＝"document.body.appendChild(a)；"；
[0035]具体的，通过执行该布局刷新函数从而执行该布局更新代码，以实现当前页面的布局更新。当然，上述代码只是实现当前页面的布局更新的一种可选实施例，也可以根据实际情况设置执行代码以达到实现页面的布局更新的目的，本实施例对此不加以限制。
[0036]可选的，执行该布局更新代码的方法可以是基于所述布局更新代码，在所述当前页面的布局中设置一布局标签，以及在所述布局标签中添加可见标识。其中，布局标签可本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面刷新方法，其特征在于，包括：当检测到当前页面由不可见状态切换至可见状态时，触发所述当前页面的布局更新；基于所述布局更新触发所述当前页面的布局刷新，渲染刷新后的页面。2.根据权利要求1所述的方法，其特征在于，所述触发所述当前页面的布局更新，包括：调用预先设置的布局更新代码，执行所述布局更新代码，对所述当前页面进行布局更新。3.根据权利要求2所述的方法，其特征在于，所述执行所述布局更新代码，对所述当前页面进行布局更新，包括：基于所述布局更新代码，在所述当前页面的布局中设置一布局标签；在所述布局标签中添加可见标识。4.根据权利要求3所述的方法，其特征在于，所述布局标签包括如下任一项：点插入标签、行插入标签、列插入标签和区域插入标签。5.根据权利要求3所述的方法，其特征在于，所述可见标识包括文本标识、字符标识和图形标识的至少一项。6.根据权利要求1所述的方法，其特征在于，在触发所述当前页面的布局更新之前，所述方法还包括：确定所述当前页面是否存在数据更...

【专利技术属性】
技术研发人员：李太友，张淑强，刘义岭，
申请(专利权)人：天津美腾科技股份有限公司，
类型：发明
国别省市：