浏览器刷新方法和装置、电子设备和计算机可读存储介质制造方法及图纸

本申请提供了一种浏览器刷新方法和装置、电子设备和计算机可读存储介质，其中，该方法包括：确定目标浏览器中是否已部署SW；在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。通过上述方案设置了不缓存index.html，从而使得无需经过两次刷新就可以获取到最新版本，只需要刷新一次就可以获取更新版本。刷新一次就可以获取更新版本。刷新一次就可以获取更新版本。

【技术实现步骤摘要】
浏览器刷新方法和装置、电子设备和计算机可读存储介质


[0001]本申请属于互联网
，尤其涉及一种浏览器刷新方法和装置、电子设备和计算机可读存储介质。

技术介绍

[0002]Progressive Web App(简称为PWA)是一种使用多种技术来增强web app的功能，通过PWA可以使得网站的体验变得更好，且能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验，例如良好的文件缓存体验和离线查看功能。
[0003]Service worker(服务器与浏览器之间的中间人角色，简称为SW)技术是一项适合于离线缓存项目的技术，SW技术本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器与网络之间的代理。Service worker是一个注册在指定源和路径下的事件驱动worker，它采用JavaScript控制关联的页面或者网站，拦截并修改访问和资源请求，细粒度地缓存资源。如果是非离线应用，使用SW项技术的收益不大。因为非离线应用，每次获取资源文件都是实时通过HTTP获取，静态资源也可以单独做前端缓存。在实际的使用过程中，开启SW的服务每次更新都有痛点，基于SW的更新机制，每次发布新版本都需要刷新两次页面，有些用户并不能接受这个不算友好的更新方式。且如果开启了SW服务，想卸载它，一般需要用户手动清除浏览器缓存，这势必会带来较大的卸载成本。
[0004]针对上述问题，目前尚未提出有效的解决方案。

技术实现思路

[0005]本申请目的在于提供一种浏览器刷新方法和装置、电子设备和计算机可读存储介质，可以避免在SW存在新版本更新的时候需要对浏览器进行两次刷新的问题。
[0006]本申请提供一种浏览器刷新方法和装置、电子设备和计算机可读存储介质是这样实现的：
[0007]一种浏览器刷新方法，所述方法包括：
[0008]确定目标浏览器中是否已部署服务器与浏览器之间的中间人角色SW；
[0009]在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；
[0010]在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。
[0011]在一个实施方式中，在确定已部署SW之后，还包括：
[0012]去除SW的注册代码和service
‑
worker.js文件。
[0013]在一个实施方式中，在确定已部署SW之后，还包括：
[0014]在index.html中增加卸载SW的代码；
[0015]在成功卸载SW的回调事件中增加刷新浏览器的代码。
[0016]在一个实施方式中，在index.html中增加卸载SW的代码之后，还包括：
[0017]接收对SW的卸载请求；
[0018]响应于所述卸载请求，调用并执行index.html中的卸载SW的代码；
[0019]确认SW是否已成功卸载；
[0020]在确定已成功卸载的情况下，通过回调事件调用刷新浏览器的代码对所述目标浏览器进行刷新。
[0021]一种浏览器刷新装置，包括：
[0022]确定模块，用于确定目标浏览器中是否已部署服务器与浏览器之间的中间人角色SW；
[0023]设置模块，用于在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；
[0024]触发模块，用于在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。
[0025]在一个实施方式中，上述装置还包括：
[0026]去除模块，用于在确定已部署SW之后，去除SW的注册代码和service
‑
worker.js文件。
[0027]在一个实施方式中，上述装置还包括：
[0028]第一增加模块，用于在确定已部署SW之后，在index.html中增加卸载SW的代码；
[0029]第二增加模块，用于在成功卸载SW的回调事件中增加刷新浏览器的代码。
[0030]在一个实施方式中，上述装置还包括：
[0031]接收模块，用于在index.html中增加卸载SW的代码之后，接收对SW的卸载请求；
[0032]调用模块，用于响应于所述卸载请求，调用并执行index.html中的卸载SW的代码；
[0033]确认模块，用于确认SW是否已成功卸载；
[0034]刷新模块，用于在确定已成功卸载的情况下，通过回调事件调用刷新浏览器的代码对所述目标浏览器进行刷新。
[0035]一种电子设备，包括处理器以及用于存储处理器可执行指令的存储器，所述处理器执行所述指令时实现如下方法的步骤：
[0036]确定目标浏览器中是否已部署SW；
[0037]在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；
[0038]在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。
[0039]一种计算机可读存储介质，其上存储有计算机指令，所述指令被执行时实现如下方法的步骤：
[0040]确定目标浏览器中是否已部署SW；
[0041]在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；
[0042]在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。
[0043]本申请提供的一种浏览器刷新方法，确定目标浏览器中是否已部署SW，在目标浏览器已经部署了SW的情况下，设置不缓存index.html，并监听SW更新事件；在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。通过设置不缓存index.html，可以保证只需要刷新一次就可以获取更新版本，无需经过两次刷新就可以获取到最新版本。
附图说明
[0044]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0045]图1是本申请提供的浏览器刷新方法一种实施例的方法流程图；
[0046]图2是本申请提供的SW更新方法的方法流程图；
[0047]图3是本申请提供的一种浏览器刷新方法的电子设备的硬件结构框图；
[0048]图4是本申请提供的一种浏览器刷新装置的结构框图。
具体实施方式
[0049]为了使本
的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种浏览器刷新方法，其特征在于，所述方法包括：确定目标浏览器中是否已部署服务器与浏览器之间的中间人角色SW；在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。2.根据权利要求1所述的方法，其特征在于，在确定已部署SW之后，还包括：去除SW的注册代码和service
‑
worker.js文件。3.根据权利要求1所述的方法，其特征在于，在确定已部署SW之后，还包括：在index.html中增加卸载SW的代码；在成功卸载SW的回调事件中增加刷新浏览器的代码。4.根据权利要求3所述的方法，其特征在于，在index.html中增加卸载SW的代码之后，还包括：接收对SW的卸载请求；响应于所述卸载请求，调用并执行index.html中的卸载SW的代码；确认SW是否已成功卸载；在确定已成功卸载的情况下，通过回调事件调用刷新浏览器的代码对所述目标浏览器进行刷新。5.一种浏览器刷新装置，其特征在于，包括：确定模块，用于确定目标浏览器中是否已部署服务器与浏览器之间的中间人角色SW；设置模块，用于在确定已部署SW的情况下，设置不缓存index.html，并监听SW更新事件；触发模块，用于在监听到SW更新事件的情况下，立即触发对所述目标浏览器进行刷新。6.根据权利要求5所述的装置，其特征在于，还包括：去除模块，用于在确...

【专利技术属性】
技术研发人员：张羚，张艺榕，熊文成，黄坤，
申请(专利权)人：中国建设银行股份有限公司，
类型：发明
国别省市：