[发明专利]页面处理方法与装置

说明书

公开了一种页面处理方法和装置。所述方法包括：在目标页面上安装服务工作线程(Service Worker)；使得所述目标页面对所述服务工作线程是否已控制目标页面进行心跳监听；以及所述目标页面在通过所述心跳监听判定所述服务工作线程已控制目标页面的情况下向所述服务工作线程发送目标页面信息。通过本发明基于心跳和延迟的PWA通信机制，使得Service Worker在安装阶段就能够保存和利用来自受控页面的信息，从而确保相应功能(例如，打点功能)的完备。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面处理方法与装置。

背景技术

近年来，Web应用在整个软件与互联网行业承载的责任越来越重，软件复杂度和维护成本越来越高，Web技术，尤其是Web客户端技术，迎来了爆发式的发展。但是，Web应用在移动时代并没有达到其在桌面设备上流行的程度。究其原因，在于客户端软件(即网页)需要下载所带来的网络延迟；以及与Web应用依赖浏览器作为入口所带来的体验问题。这都使得Web APP在与静态资源存储在本地且交互性强、体验度高的原生APP的竞争中处于劣势。

Progressive Web Apps(以下简称PWA)以及构成PWA的一系列关键技术的出现，终于让人们看到了彻底解决Web移动平台应用问题的曙光：能够显著提高应用加载速度、甚至让web应用可以在离线环境使用的Service Worker与Cache Storage；用于描述web应用元数据、让web应用能够像原生应用一样被添加到主屏、全屏执行的Web App Manifest；以及进一步提高web应用与操作系统集成能力，让web应用能在未被激活时发起推送通知的PushAPI与Notification API等等。

在这其中，Service Worker(服务工作线程)是一个可编程的Web工作线程。如图1所示，Service Worker像一个位于浏览器与网络之间的客户端代理，可以拦截、处理、响应流经的HTTP请求；配合随之引入Cache Storage API，可以自由管理HTTP请求文件粒度的缓存，这使得Service Worker可以从缓存中向web应用提供资源，即使是在离线的环境下亦是如此。

但由于各个浏览器对PWA的支持程度不一样，可能导致Service Worker在生命周期中可能出现各种各样的问题，使其无法顺畅地实现应有的缓存管理功能。

发明内容

为了解决如上的至少一个问题，本发明通过使页面持续监听Service Worker的安装进程，从而能够在Service Worker控制页面的第一时间向Service Worker发送其正确统计和/或进一步安装或作用所需的页面信息，由此提升Service Worker的工作效率以及统计信息(例如，打点信息)的完整性和准确性。

根据本发明的一个方面，提出了一种页面处理方法，包括：在目标页面上安装服务工作线程(Service Worker)；使得所述目标页面对所述服务工作线程是否已控制目标页面进行心跳监听；以及所述目标页面在通过所述心跳监听判定所述服务工作线程已控制目标页面的情况下向所述服务工作线程发送目标页面信息。

由此，通过目标页面对Service Worker状态的主动心跳监控，能够及时向ServiceWorker发送其需要但在前无法获取的页面信息。

本发明的页面处理方法还可以包括：定义用于使得所述服务工作线程获取所述目标页面信息的信息延迟获取函数，并且其中，所述信息延迟获取函数使得所述目标页面对所述服务工作线程是否已控制目标页面进行心跳监听。由此通过定义延迟函数方便目标页面对Service Worker的监控。

信息延迟获取函数可以定义如下至少一项：所述服务工作线程获取的目标页面信息的具体类型；所述目标页面监听所述服务工作线程是否已控制目标页面的心跳频率。由此方便应对各种获取情况。优选地，所述信息延迟获取函数可以是用于延迟获取打点函数的异步打点函数。