ServiceWorker启动方法、装置及电子设备与流程

文档序号:14950492发布日期:2018-07-17 22:26阅读:211来源:国知局

本发明涉及网络技术领域,具体而言,涉及一种serviceworker启动方法、装置及电子设备。



背景技术:

serviceworker是一种w3c公开的的api,可以赋予页面非常强大的能力,例如,拦截资源请求、管理资源缓存、进行消息推送等。但serviceworker的启动速度较慢,导致增加了需要serviceworker管控的页面加载的时间,影响了用户体验。



技术实现要素:

为了克服现有技术中的上述不足,本发明的目的在于提供一种serviceworker启动方法,应用于电子设备,所述方法包括:

在加载待显示页面前,通过webview接口启动serviceworker;

在所述serviceworker启动后,根据页面请求加载待显示页面。

本实施例的另一目的在于提供一种serviceworker启动装置,应用于电子设备,所述装置包括:

启动模块,用于在加载待显示页面前,通过webview接口启动serviceworker;

页面加载模块,用于在所述serviceworker启动后,根据页面请求加载待显示页面。

本发明的另一目的在于提供一种电子设备,所述电子设备包括:

存储器;

处理器;及

serviceworker启动装置,所述装置安装于所述存储器中并包括一个或多个由所述处理器执行的软件功能模块;所述装置包括:

启动模块,用于在加载待显示页面前,通过webview接口启动serviceworker;

页面加载模块,用于在所述serviceworker启动后,根据页面请求加载待显示页面。

本发明的另一目的在于提供一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时实现本发明提供的serviceworker启动方法的步骤。

相对于现有技术而言,本发明具有以下有益效果:

本发明提供的serviceworker启动方法、装置及电子设备,通过使用webview接口,在加载待显示页面前启动serviceworker。如此,提前启动serviceworker,减少了待显示页面的加载等待时间,提高了页面效率。

附图说明

为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的电子设备的方框是示意图;

图2为本发明实施例提供的serviceworker启动方法的步骤流程示意图之一;

图3为本发明实施例提供的serviceworker启动方法的步骤流程示意图之二;

图4为本发明实施例提供的serviceworker启动装置的方框示意图。

图标:100-电子设备;110-serviceworker启动装置;111-启动模块;112-页面加载模块;113-注册模块;114-安装模块;120-存储器;130-处理器。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。

请参照图1,图1是本实施例提供的一种电子设备100的方框示意图。所述电子设备100可以是,但不仅限于,智能手机、平板电脑、个人数字助理(personaldigitalassistant,pda)、移动上网设备(mobileinternetdevice,mid)、个人电脑(personalcomputer,pc)等。所述电子设备100包括serviceworker启动装置110、存储器120及处理器130。

所述存储器120以及处理器130相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述serviceworker启动装置110包括至少一个可以软件或固件(firmware)的形式存储于所述存储器120中或固化在所述电子设备100的操作系统(operatingsystem,os)中的软件功能模块。所述处理器130用于执行所述存储器120中存储的可执行模块,例如所述serviceworker启动装置110所包括的软件功能模块及计算机程序等。

其中,所述存储器120可以是,但不限于,随机存取存储器(randomaccessmemory,ram),只读存储器(readonlymemory,rom),可编程只读存储器(programmableread-onlymemory,prom),可擦除只读存储器(erasableprogrammableread-onlymemory,eprom),电可擦除只读存储器(electricerasableprogrammableread-onlymemory,eeprom)等。其中,所述存储器120用于存储程序,所述处理器130在接收到执行指令后,执行所述程序。

webapp(网站应用程序,webapplication)或原生app中的页面显示部分在工作时可能需要用到离线功能,例如,拦截资源请求,管理资源缓存,进行消息推送等,这时就需要用到serviceworker。serviceworker基于webworker的事件驱动,可以运行于一个独立线程,使不需要与web页面交互的功能在后台被执行。serviceworker可以进行本地缓存,相当于一个本地的代理(proxy)。

传统常用的缓存技术可以用于缓存静态资源,但是不支持调试,灵活性不高。而使用serviceworker来进行缓存,可以用javascript代码来拦截浏览器的http请求,并设置缓存的文件,直接返回,不经过web服务器,以完成更丰富的页面管控动作,使得webapp或原生app中的页面显示部分拥有更好的离线体验。

但是serviceworker启动需要一定的时间,导致其页面的加载时间变长,降低了页面运行效率。经发明人研究发现,现有方法中,为了提升页面的加载速度,一般在serviceworker启动的过程中不阻塞资源请求,即让资源请求与serviceworker启动能并行,从而在一定程度上减少serviceworker启动的影响,但是效果并不理想。

故在本实施例中,采用在webview中增设的用于控制serviceworker生命周期的接口,在待显示页面加载前提前启动serviceworker的方式提升页面的加载速度,具体地的实现方式,将在以下进行详细说明。

请参照图2,图2为应用于图1所示的电子设备100的一种serviceworker启动方法的流程图,以下将对所述方法包括的各个步骤进行详细阐述。

步骤s110,在加载待显示页面前,通过webview接口启动serviceworker。

所述电子设备100中可以包括用于显示所述待显示页面的应用程序,例如,通过页面形式显示新闻资讯的原生应用程序。标准的webview接口中不包括用控制serviceworker生命周期的接口,故在本实施例中,所述应用程序在webview中增设有用于控制serviceworker生命周期的接口。

在本实施例的一种实施方式中,在所述应用程序根据预设控制逻辑,在所述应用程序启动完成且尚未加载所述待显示页面时,预先通过webview接口启动serviceworker。

在本实施例的另一种实施方式中,所述电子设备100接收提供待显示页面的服务器发送的启动指令,在未加载待显示页面时,通过webview接口启动serviceworker。

步骤s120,在所述serviceworker启动后,根据页面请求加载待显示页面。

进一步的,由于所述电子设备100可能没有预存有serviceworker的代码。故在本实施例中,请参照图3,所述方法在步骤s110之前还可以包括步骤s210及步骤s220。

步骤s210,首次启动用于显示所述待显示页面的应用程序时,通过webview接口发起serviceworker的注册请求。

可选地,在本实施例中,可通过webview接口调用serviceworker的注册函数发起serviceworker的注册请求。其中,所述serviceworker的注册函数可以为serviceworkercontainer.register()。例如,通过serviceworkercontainer.register(scripturl,options)对所述serviceworker进行注册,其中,serviceworkercontainer.register()表示注册函数;所述scripturl表示serviceworker脚本的统一资源定位符;所述options表示注册提供的选择对象。

步骤s220,注册成功后通过webview接口对serviceworker进行安装。

本实施例中,serviceworker可以包括以下几种状态:解析成功(parsed)、安装中(installing)、安装成功(installed)、正在启动(activating)、启动成功(activated)及废弃(redundant)。

在注册成功后所述电子设备100获得serviceworker并进行解析,serviceworker处于解析成功状态后执行安装。serviceworker处于安装成功状态之后开始启动。serviceworker启动成功后再次启动所述应用程序时,serviceworker会直接处于安装成功状态或者启动成功状态。

在实施例中,serviceworker安装成功后,所述电子设备100可以通过webview接口调用跳过等待函数及申请激活函数,将serviceworker的状态置为启动成功状态。在本实施例中,所述跳过等待函数可以为serviceworkerglobalscope.skipwaiting(),所述申请激活函数可以为clients.claim()。

所述电子设备100在serviceworker启动后可以所述电子设备100根据页面请求加载待显示的页面,serviceworker可以在该页面上拦截资源请求、管理资源缓存、进行消息推送等功能。

基于上述设计,本实施例提供的方法,通过webview接口在待显示页面加载前提前启动serviceworker,使得页面加载时无需等待serviceworker的启动,减少serviceworker管控的页面的等待加载时间,提升了页面性能。

请参照图4,本实施例还提供一种serviceworker启动装置110,应用于电子设备100,所述装置包括启动模块111及页面加载模块112。

所述启动模块111,用于在加载待显示页面前,通过webview接口启动serviceworker。

本实施例中,所述启动模块111可用于执行图2所示的步骤s110,关于所述启动模块111的具体描述可参对所述步骤s110的描述。

可选地,在本实施例的一种实施方式中,所述启动模块111启动serviceworker的方式,包括:

在用于显示所述待显示页面的应用程序启动且未加载待显示页面时,通过webview接口启动serviceworker。

可选地,在本实施例的另一种实施方式中,所述启动模块111启动serviceworker的方式,包括:

接收提供待显示页面的服务器发送的启动指令,在未加载待显示页面时,通过webview接口启动serviceworker。

所述页面加载模块112,用于在所述serviceworker启动后,根据页面请求加载待显示页面。

本实施例中,所述页面加载模块112可用于执行图2所示的步骤s120,关于所述页面加载模块112的具体描述可参对所述步骤s120的描述。

可选地,在本实施例中,所述启动模块111启动serviceworker的方式,包括:

通过webview接口调用跳过等待函数及申请激活函数,将serviceworker的状态置为已启动状态。

进一步地,在本实施例中,所述装置还可以包括注册模块113及安装模块114。

所述注册模块113,用于首次启动用于显示所述待显示页面的应用程序时,通过webview接口发起serviceworker的注册请求。

本实施例中,所述注册模块113可用于执行图3所示的步骤s210,关于所述注册模块113的具体描述可参对所述步骤s210的描述。

可选地,在本实施例中,所述注册模块113发起serviceworker的注册请求的方式,包括:

通过webview接口调用serviceworker的注册函数发起serviceworker的注册请求。

所述安装模块114,用于注册成功后通过webview接口对serviceworker进行安装。

本实施例中,所述安装模块114可用于执行图3所示的步骤s220,关于所述安装模块114的具体描述可参对所述步骤s220的描述。

综上所述,本发明提供的serviceworker启动方法、装置及电子设备100,通过使用webview接口,在加载待显示页面前启动serviceworker。如此,提前启动serviceworker,减少了待显示页面的加载等待时间,提高了页面效率。

在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。

另外,在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、只读存储器(rom,read-onlymemory)、随机存取存储器(ram,randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1