CN114861097A - 一种浏览器缓存方法、装置、电子设备及存储介质 - Google Patents
一种浏览器缓存方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114861097A CN114861097A CN202210476192.8A CN202210476192A CN114861097A CN 114861097 A CN114861097 A CN 114861097A CN 202210476192 A CN202210476192 A CN 202210476192A CN 114861097 A CN114861097 A CN 114861097A
- Authority
- CN
- China
- Prior art keywords
- data
- response data
- response
- management system
- cache management
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 62
- 230000004044 response Effects 0.000 claims abstract description 234
- 238000001514 detection method Methods 0.000 claims abstract description 49
- 238000004590 computer program Methods 0.000 claims description 12
- 238000012217 deletion Methods 0.000 claims description 6
- 230000037430 deletion Effects 0.000 claims description 6
- 239000000126 substance Substances 0.000 claims description 3
- 238000003032 molecular docking Methods 0.000 claims description 2
- 238000005516 engineering process Methods 0.000 abstract description 7
- 238000004883 computer application Methods 0.000 abstract description 2
- 238000007726 management method Methods 0.000 description 64
- 238000004891 communication Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 238000004806 packaging method and process Methods 0.000 description 5
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000004140 cleaning Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000005457 optimization Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请公开了一种浏览器缓存方法、装置、电子设备及存储介质，涉及计算机应用技术领域，尤其涉及数据库技术。具体实现方案为：通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果；基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。本申请实施例可以明显地减少浏览器的等待时间，避免白屏现象发生，而且生效场景不限于HTTPS网站，数据结构更加灵活多样。
Description
技术领域
本公开涉及计算机应用技术领域，进一步涉及数据库技术，尤其是一种浏览器缓存方法、装置、电子设备及存储介质。
背景技术
随着互联网技术的不断发展，浏览器在Web开发中的地位日益凸显，用户对访问网站的体验要求也越来越高。出于对体验和性能的考虑，网页中大部分数据可以使用浏览器缓存技术来存储，缓存技术在Web技术体系中扮演着非常重要的角色，而浏览器会话、本地缓存存储在网页开发中使用的最为广泛。
Service Worker API和简单的使用Local Storage等存储介质，是现有的浏览器缓存的两种方法。Service Worker本质上充当浏览器与网络之间的代理服务器。这个API旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的资源。出于安全性的考虑，该方案只能由HTTPS承载。也就是说ServiceWorker API只能在HTTPS网站中生效，而很多内网交付的网页，是无法获取HTTPS证书的，从而导致无法使用Service Worker API。此外，Local Storage只是浏览器提供的一种存储介质，它可以用于保存后端返回数据。但是它提供的数据结构非常有限，而且市场上并没有成熟的封装格式，使用此方案需要开发人员自己实现一套缓存的存储、读取、删除等功能。
发明内容
本公开提供了一种浏览器缓存方法、装置、电子设备以及存储介质。
第一方面，本申请提供了一种浏览器缓存方法，所述方法包括：
通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；
若在预定时间段内分别接收到所述数据缓存管理系统返回的第一响应数据和所述后端服务器消息返回的第二响应数据，针对所述第一响应数据和所述第二响应数据进行一致性检测，得到所述第一响应数据和所述第二响应数据的一致性检测结果；
基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据。
第二方面，本申请提供了一种浏览器缓存装置，所述装置包括：请求模块、检测模块和获取模块；其中，
所述请求模块，用于通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；
所述检测模块，用于若在预定时间段内分别接收到所述数据缓存管理系统返回的第一响应数据和所述后端服务器消息返回的第二响应数据，针对所述第一响应数据和所述第二响应数据进行一致性检测，得到所述第一响应数据和所述第二响应数据的一致性检测结果；
所述获取模块，用于基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据。
第三方面，本申请实施例提供了一种电子设备，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请任意实施例所述的浏览器缓存方法。
第四方面，本申请实施例提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现本申请任意实施例所述的浏览器缓存方法。
第五方面，提供了一种计算机程序产品，当所述计算机程序产品被计算机设备执行时实现本申请任意实施例所述的浏览器缓存方法。
根据本申请的技术解决了现有技术中Service Worker API只能在HTTPS网站中生效的技术问题，以及Local Storage提供的数据结构非常有限，没有成熟的封装格式，需要开发人员自己实现相关功能的技术问题，本申请提供的技术方案，可以明显地减少浏览器的等待时间，避免白屏现象发生，而且生效场景不限于HTTPS网站，数据结构更加灵活多样。
应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案，不构成对本公开的限定。其中：
图1是本申请实施例提供的浏览器缓存方法的第一流程示意图；
图2是本申请实施例提供的浏览器缓存方法的第二流程示意图；
图3是本申请实施例提供的数据缓存管理系统的结构示意图；
图4是本申请实施例提供的浏览器缓存方法的第三流程示意图；
图5是本申请实施例提供的浏览器缓存方法的第四流程示意图；
图6是本申请实施例提供的浏览器缓存装置的结构示意图；
图7是用来实现本申请实施例的浏览器缓存方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
实施例一
图1是本申请实施例提供的浏览器缓存方法的第一流程示意图，该方法可以由浏览器缓存装置或者电子设备来执行，该装置或者电子设备可以由软件和/或硬件的方式实现，该装置或者电子设备可以集成在任何具有网络通信功能的智能设备中。如图1所示，浏览器缓存方法可以包括以下步骤：
S101、通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息。
在本步骤中，客户端可以通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；具体地，本申请实施例中的数据缓存管理系统可以是包括本地数据库的数据缓存管理系统；其中，本地数据库可以是IndexedDB，也可以是其他类型的数据库，即IndexedDB是本地数据库的一个特例，当使用JavaScript编程语言编写浏览器时，本地数据库为IndexedDB。本申请实施例中的IndexedDB是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB允许储存大量数据，提供查找接口，还能建立索引。这些都是Local Storage所不具备的。IndexedDB的存储大小可以为大于250M；IndexedDB的存储时间为手动更新或者删除；IndexedDB的数据结构采用对象仓库直接存入的形式，包括但不限于JavaScript对象。具体地，IndexedDB是浏览器提供的本地数据库，它可以包括索引和该索引对应的数据库内容；索引是对数据库表中一列或多列的值进行排序的一种结构，使用索引可快速访问数据库表中的特定信息。例如，IndexedDB可以以键值对(Key-Value)的数据结构进行存储，例如，以字符串(String)为Key，值(Value)则可以为String，二进制文件等多种格式。IndexedDB具有以下特点：(1)键值对储存。IndexedDB内部采用对象仓库(ObjectStore)存放数据。所有类型的数据都可以直接存入，包括JavaScript对象。对象仓库中，数据以键值对的形式保存，每一个数据记录都有对应的主键，主键是独一无二的，不能有重复，否则会出现一个错误。(2)异步。IndexedDB操作时不会锁死浏览器，用户依然可以进行其他操作，这与Local Storage形成对比，后者的操作是同步的。异步设计是为了防止大量数据的读写，拖慢网页的表现。(3)支持事务。IndexedDB支持事务(Transaction)，这意味着一系列操作步骤之中，只要有一步失败，整个事务就都取消，数据库回滚到事务发生之前的状态，不存在只改写一部分数据的情况。(4)同源限制。IndexedDB受到同源限制，每一个数据库对应创建它的域名，网页只能访问自身域名下的数据库，而不能访问跨域的数据库。(5)储存空间大。IndexedDB的储存空间比Local Storage大得多，一般来说不少于250MB，甚至没有上限。(6)支持二进制储存。IndexedDB不仅可以储存字符串，还可以储存二进制数据(Array Buffer对象和Blob对象)。
S102、若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果。
在本步骤中，若客户端通过浏览器在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果。若客户端通过浏览器在预定时间段内只接收到数据缓存系统返回的第一响应数据，或者只接收到后端服务器在预定时间段内返回的第二响应数据，则客户端可以直接将数据缓存系统返回的第一响应数据作为数据请求消息所对应的目标数据；或者，直接将后端服务器返回的第二响应数据作为数据请求消息所对应的目标数据。
S103、基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。
在本步骤中，客户端可以基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。具体地，第一响应数据和第二响应数据的一致性检测结果可以包括：第一响应数据和第二响应数据一致，或者，第一响应数据和第二响应数据不一致。如果第一响应数据和第二响应数据一致，则客户端可以将第一响应数据作为数据请求消息所对应的目标数据；或者，将第二响应数据作为数据请求消息所对应的目标数据。如果第一响应数据和第二响应数据不一致，则客户端可以将第二响应数据作为数据请求消息所对应的目标数据。
本申请实施例提出的浏览器缓存方法，先通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果；再基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。也就是说，本申请可以同时向数据缓存管理系统和后端服务器请求数据，而不是只向本地缓存请求数据或者只向后端服务器请求数据，并且通过一致性检测可以在数据缓存管理系统返回的数据和后端服务器返回的数据中选择一个数据作为数据请求消息所对应的目标数据。而在现有的浏览器缓存方法中，通过Service Worker API和简单的使用Local Storage等存储介质实现。因为本申请采用了同时向数据缓存管理系统和后端服务器请求数据以及一致性检测的技术手段，克服了现有技术中Service Worker API只能在HTTPS网站中生效的技术问题，以及Local Storage提供的数据结构非常有限，没有成熟的封装格式，需要开发人员自己实现相关功能的技术问题，本申请提供的技术方案，可以明显地减少浏览器的等待时间，避免白屏现象发生，而且生效场景不限于HTTPS网站，数据结构更加灵活多样；并且，本申请实施例的技术方案实现简单方便、便于普及，适用范围更广。
实施例二
图2是本申请实施例提供的浏览器缓存方法的第二流程示意图。基于上述技术方案进一步优化与扩展，并可以与上述各个可选实施方式进行结合。如图2所示，浏览器缓存方法可以包括以下步骤：
S201、通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息。
图3是本申请实施例提供的数据缓存管理系统的结构示意图。如图3所示，数据缓存管理系统可以包括以下四部分：应用程序编程接口(API)301、存储模块(Storage-Service)302、索引数据库(IndexedDB)303和后台清理线程(Garbage Collection-Worker)304；其中，应用程序编程接口301，可以是JavaScript的应用程序编程接口，即JS-API，用于为前端网页开发人员提供一套简单易用的应用程序编程接口，开发人员只需要调用相关的API，即可快速地存储、获取、删除在IndexedDB中的相关数据，降低开发人员对缓存数据的开发、维护成本；存储模块302，用于缓存数据，提供数据存储和取出的服务，帮助开发人员快速在IndexedDB中创建自己需要的数据表，数据字段，降低开发人员的开发成本，学习成本；索引数据库303，用于以Key-Value的数据结构提供数据缓存支持；后台清理线程304，用于定期删除数据缓存管理系统中已过期的缓存数据，可以在不影响浏览器主线程的情况下，整理缓存数据，同时也降低了开发人员手动维护已过期的缓存数据的维护成本。
S202、若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，检测第一响应数据和第二响应数据是否相同；或者，检测第一响应数据和第二响应数据的相似度。
在本步骤中，若客户端通过浏览器在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，检测第一响应数据和第二响应数据是否相同；或者，检测第一响应数据和第二响应数据的相似度。具体地，数据缓存管理系统和后端服务器针对不同的数据请求消息返回的数据格式可以是多样的，例如，数据缓存管理系统和后端服务器返回的数据可以包括文本格式、图片格式、音频格式、视频格式等，因此，可以通过各个数据格式对应的检测方法检测数据的一致性。
S203、若第一响应数据和第二响应数据相同，或者，若第一响应数据和第二响应数据的相似度大于或者等于预定阈值；则判定第一响应数据和第二响应数据一致。
S204、将第一响应数据作为数据请求消息所对应的目标数据；或者，将第二响应数据作为数据请求消息所对应的目标数据。
在本申请的具体实施例中，若第一响应数据和第二响应数据相同，或者，第一响应数据和第二响应数据的相似度大于或者等于预定阈值；则客户端可以判定第一响应数据和第二响应数据一致；若第一响应数据和第二响应数据不相同，或者，第一响应数据和第二响应数据的相似度小于预定阈值，则客户端可以判定第一响应数据和第二响应数据不一致。进一步地，若第一响应数据和第二响应数据一致，则客户端可以将第一响应数据作为数据请求消息所对应的目标数据，或者，将第二响应数据作为数据请求消息所对应的目标数据。若第一响应数据和第二响应数据不一致，则客户端可以将第二响应数据作为数据请求消息所对应的目标数据。这样既可以保证浏览器及时地获取到数据，还可以保证数据发生更新时浏览器可以获取到最新数据。
本申请实施例提出的浏览器缓存方法，先通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果；再基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。也就是说，本申请可以同时向数据缓存管理系统和后端服务器请求数据，而不是单一地向本地缓存请求数据或者单一地向后端服务器请求数据，而且通过一致性检测在数据缓存管理系统返回的数据和后端服务器返回的数据中选择一个作为数据请求消息所对应的目标数据。而在现有的浏览器缓存方法中，通过Service Worker API和简单的使用Local Storage等存储介质实现浏览器缓存方案。因为本申请采用了同时向数据缓存管理系统和后端服务器请求数据以及一致性检测的技术手段，克服了现有技术中Service Worker API只能在HTTPS网站中生效的技术问题，以及Local Storage提供的数据结构非常有限，没有成熟的封装格式，需要开发人员自己实现相关功能的技术问题，本申请提供的技术方案，可以明显地减少浏览器的等待时间，避免白屏现象发生，而且生效场景不限于HTTPS网站，数据结构更加灵活多样；并且，本申请实施例的技术方案实现简单方便、便于普及，适用范围更广。
实施例三
图4是本申请实施例提供的浏览器缓存方法的第三流程示意图。基于上述技术方案进一步优化与扩展，并可以与上述各个可选实施方式进行结合。如图4所示，浏览器缓存方法可以包括以下步骤：
S401、通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息。
S402、若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果。
S403、若第一响应数据和第二响应数据一致，则将第一响应数据作为数据请求消息所对应的目标数据；或者，将第二响应数据作为数据请求消息所对应的目标数据。
S404、若第一响应数据和第二响应数据不一致，则将第二响应数据作为数据请求消息所对应的目标数据。
图5是本申请实施例提供的浏览器缓存方法的第四流程示意图。如图5所示，该方法可以包括以下操作步骤：1、浏览器向数据缓存管理系统和后端服务器分别请求后端数据；2、数据缓存管理系统响应于该请求在本地的数据库中查找对应的数据；由于数据缓存管理系统为本机的硬盘存储，IO的速度是很快的，最多几秒钟即可返回数据；3、若数据缓存管理系统在本地的数据库中查找到对应的数据后，向浏览器返回缓存数据；浏览器展示缓存数据给用户；4、后端服务器在接收到浏览器发送的数据请求后，需要5秒钟处理数据，同样是在数据库中查找对应的数据；5、若后端服务器在该数据库中查找到对应的数据后，向浏览器返回数据；浏览器展示数据给用户。
在本申请的具体实施例中，客户端还可以通过主线程以外的线程定期删除数据缓存管理系统中已过期的缓存数据；或者，通过浏览器向数据缓存管理系统发送数据删除指令，使得数据缓存管理系统响应于数据删除指令删除数据缓存管理系统中已过期的缓存数据。这样可以减少数据缓存管理系统的存储压力，使得已过期的缓存数据不再占用存储空间。
在本申请的具体实施例中，数据缓存管理系统可以通过应用程序编程接口向数据缓存管理系统存储数据；或者，通过应用程序编程接口在数据缓存管理系统中删除数据。较佳地，本申请实施例中的数据缓存管理系统可以通过JavaScript的应用程序编程接口向数据缓存管理系统存储数据；或者，通过JavaScript的应用程序编程接口在数据缓存管理系统中删除数据。开发人员可以通过JavaScript的应用程序编程接口可以存储、获取、删除数据，更加方便操作，优化用户体验。
本申请主要解决浏览器中部分模块的数据依赖于后端Server接口返回数据，而某些后端接口因运算量大，等待接口返回时间缓慢，从而使部分模块初始化无数据，白屏的现象。目前业界的主流方案是使用Service Worker API，但此技术只能在HTTPS网站中生效，导致HTTP网站无法使用此方案做缓存方案。本申请可以同时请求后端服务器、查询缓存数据，并在后端服务器返回最新数据后，判断数据是否有更新，若后端服务器返回的数据有更新，则立即展示最新的数据；而采用Service Worker API的方法，如果命中缓存，则直接展示缓存的数据，后续不会判断后端服务器返回的数据是否有更新，也不会更新界面。目前除了Service Worker API外，还没有其他成熟的浏览器数据缓存管理方案。本申请提供了一套完整的数据缓存管理体系，网站开发人员可非常方便地对缓存数据做增删改查的操作，并且能在HTTP、HTTPS等网站中运行。
本申请实施例提出的浏览器缓存方法，先通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；若在预定时间段内分别接收到数据缓存管理系统返回的第一响应数据和后端服务器消息返回的第二响应数据，针对第一响应数据和第二响应数据进行一致性检测，得到第一响应数据和第二响应数据的一致性检测结果；再基于第一响应数据和第二响应数据的一致性检测结果，获取数据请求消息所对应的目标数据。也就是说，本申请可以同时向数据缓存管理系统和后端服务器请求数据，而不是单一地向本地缓存请求数据或者单一地向后端服务器请求数据，而且通过一致性检测在数据缓存管理系统返回的数据和后端服务器返回的数据中选择一个作为数据请求消息所对应的目标数据。而在现有的浏览器缓存方法中，通过Service Worker API和简单的使用Local Storage等存储介质实现浏览器缓存方案。因为本申请采用了同时向数据缓存管理系统和后端服务器请求数据以及一致性检测的技术手段，克服了现有技术中Service Worker API只能在HTTPS网站中生效的技术问题，以及Local Storage提供的数据结构非常有限，没有成熟的封装格式，需要开发人员自己实现相关功能的技术问题，本申请提供的技术方案，可以明显地减少浏览器的等待时间，避免白屏现象发生，而且生效场景不限于HTTPS网站，数据结构更加灵活多样；并且，本申请实施例的技术方案实现简单方便、便于普及，适用范围更广。
实施例四
图6是本申请实施例提供的浏览器缓存装置的结构示意图。如图6所示，所述装置600包括：请求模块601、检测模块602和获取模块603；其中，
所述请求模块601，用于通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；
所述检测模块602，用于若在预定时间段内分别接收到所述数据缓存管理系统返回的第一响应数据和所述后端服务器消息返回的第二响应数据，针对所述第一响应数据和所述第二响应数据进行一致性检测，得到所述第一响应数据和所述第二响应数据的一致性检测结果；
所述获取模块603，用于基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据。
进一步的，所述数据缓存管理系统为包括本地数据库的数据缓存管理系统；所述本地数据库的存储大小为大于250M；所述本地数据库的存储时间为手动更新或者删除；所述本地数据库的数据结构采用对象仓库直接存入的形式，包括但不限于JavaScript对象。
进一步的，所述检测模块602，具体用于若所述第一响应数据和所述第二响应数据相同，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据不相同，则判定所述第一响应数据和所述第二响应数据不一致；或者，若所述第一响应数据和所述第二响应数据的相似度大于或者等于预定阈值，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据的相似度小于所述预定阈值，则判定所述第一响应数据和所述第二响应数据不一致。
进一步的，所述获取模块603，具体用于若所述第一响应数据和所述第二响应数据一致，则将所述第一响应数据作为所述数据请求消息所对应的目标数据；或者，将所述第二响应数据作为所述数据请求消息所对应的目标数据；若所述第一响应数据和所述第二响应数据不一致，则将所述第二响应数据作为所述数据请求消息所对应的目标数据。
进一步的，所述装置还包括：删除模块604(图中未示出)，用于通过主线程以外的线程定期删除所述数据缓存管理系统中已过期的缓存数据；或者，通过所述浏览器向所述数据缓存管理系统发送数据删除指令，使得所述数据缓存管理系统响应于所述数据删除指令删除所述数据缓存管理系统中已过期的缓存数据。
进一步的，所述装置还包括：对接模块605(图中未示出)，用于通过应用程序编程接口向所述数据缓存管理系统存储数据；或者，通过所述应用程序编程接口在所述数据缓存管理系统中删除数据。
上述浏览器缓存装置可执行本申请任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请任意实施例提供的浏览器缓存方法。
实施例五
根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
图7示出了可以用来实施本公开的实施例的示例电子设备700的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图7所示，设备700包括计算单元701，其可以根据存储在只读存储器(ROM)702中的计算机程序或者从存储单元708加载到随机访问存储器(RAM)703中的计算机程序，来执行各种适当的动作和处理。在RAM 703中，还可存储设备700操作所需的各种程序和数据。计算单元701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
设备700中的多个部件连接至I/O接口705，包括：输入单元706，例如键盘、鼠标等；输出单元707，例如各种类型的显示器、扬声器等；存储单元708，例如磁盘、光盘等；以及通信单元709，例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理，例如浏览器缓存方法。例如，在一些实施例中，浏览器缓存方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元708。在一些实施例中，计算机程序的部分或者全部可以经由ROM 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到RAM 703并由计算单元701执行时，可以执行上文描述的浏览器缓存方法的一个或多个步骤。备选地，在其他实施例中，计算单元701可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行浏览器缓存方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。
Claims (15)
1.一种浏览器缓存方法，所述方法包括：
通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；
若在预定时间段内分别接收到所述数据缓存管理系统返回的第一响应数据和所述后端服务器消息返回的第二响应数据，针对所述第一响应数据和所述第二响应数据进行一致性检测，得到所述第一响应数据和所述第二响应数据的一致性检测结果；
基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据。
2.根据权利要求1所述的方法，其中，所述数据缓存管理系统为包括本地数据库的数据缓存管理系统；所述本地数据库的存储大小为大于250M；所述本地数据库的存储时间为手动更新或者删除；所述本地数据库的数据结构采用对象仓库直接存入的形式，包括但不限于JavaScript对象。
3.根据权利要求1所述的方法，其中，针对所述数据缓存管理系统返回的第一响应数据和所述后端服务器返回的第二响应数据进行一致性检测，包括：
若所述第一响应数据和所述第二响应数据相同，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据不相同，则判定所述第一响应数据和所述第二响应数据不一致；或者，若所述第一响应数据和所述第二响应数据的相似度大于或者等于预定阈值，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据的相似度小于所述预定阈值，则判定所述第一响应数据和所述第二响应数据不一致。
4.根据权利要求1所述的方法，基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据，包括：
若所述第一响应数据和所述第二响应数据一致，则将所述第一响应数据作为所述数据请求消息所对应的目标数据；或者，将所述第二响应数据作为所述数据请求消息所对应的目标数据；若所述第一响应数据和所述第二响应数据不一致，则将所述第二响应数据作为所述数据请求消息所对应的目标数据。
5.根据权利要求1所述的方法，所述方法还包括：
通过主线程以外的线程定期删除所述数据缓存管理系统中已过期的缓存数据；或者，通过所述浏览器向所述数据缓存管理系统发送数据删除指令，使得所述数据缓存管理系统响应于所述数据删除指令删除所述数据缓存管理系统中已过期的缓存数据。
6.根据权利要求1所述的方法，所述方法还包括：
通过应用程序编程接口向所述数据缓存管理系统存储数据；或者，通过所述应用程序编程接口在所述数据缓存管理系统中删除数据。
7.一种浏览器缓存装置，所述装置包括：请求模块、检测模块和获取模块；其中，
所述请求模块，用于通过浏览器分别向数据缓存管理系统和后端服务器发送数据请求消息；
所述检测模块，用于若在预定时间段内分别接收到所述数据缓存管理系统返回的第一响应数据和所述后端服务器消息返回的第二响应数据，针对所述第一响应数据和所述第二响应数据进行一致性检测，得到所述第一响应数据和所述第二响应数据的一致性检测结果；
所述获取模块，用于基于所述第一响应数据和所述第二响应数据的一致性检测结果，获取所述数据请求消息所对应的目标数据。
8.根据权利要求7所述的装置，所述数据缓存管理系统为包括本地数据库的数据缓存管理系统；所述本地数据库的存储大小为大于250M；所述本地数据库的存储时间为手动更新或者删除；所述本地数据库的数据结构采用对象仓库直接存入的形式，包括但不限于JavaScript对象。
9.根据权利要求7所述的装置，所述检测模块，具体用于若所述第一响应数据和所述第二响应数据相同，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据不相同，则判定所述第一响应数据和所述第二响应数据不一致；或者，若所述第一响应数据和所述第二响应数据的相似度大于或者等于预定阈值，则判定所述第一响应数据和所述第二响应数据一致；若所述第一响应数据和所述第二响应数据的相似度小于所述预定阈值，则判定所述第一响应数据和所述第二响应数据不一致。
10.根据权利要求7所述的装置，所述获取模块，具体用于若所述第一响应数据和所述第二响应数据一致，则将所述第一响应数据作为所述数据请求消息所对应的目标数据；或者，将所述第二响应数据作为所述数据请求消息所对应的目标数据；若所述第一响应数据和所述第二响应数据不一致，则将所述第二响应数据作为所述数据请求消息所对应的目标数据。
11.根据权利要求7所述的装置，所述装置还包括：删除模块，用于通过主线程以外的线程定期删除所述数据缓存管理系统中已过期的缓存数据；或者，通过所述浏览器向所述数据缓存管理系统发送数据删除指令，使得所述数据缓存管理系统响应于所述数据删除指令删除所述数据缓存管理系统中已过期的缓存数据。
12.根据权利要求7所述的装置，所述装置还包括：对接模块，用于通过应用程序编程接口向所述数据缓存管理系统存储数据；或者，通过所述应用程序编程接口在所述数据缓存管理系统中删除数据。
13.一种电子设备，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-6中任一项所述的方法。
14.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-6中任一项所述的方法。
15.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210476192.8A CN114861097A (zh) | 2022-04-29 | 2022-04-29 | 一种浏览器缓存方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210476192.8A CN114861097A (zh) | 2022-04-29 | 2022-04-29 | 一种浏览器缓存方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114861097A true CN114861097A (zh) | 2022-08-05 |
Family
ID=82634630
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210476192.8A Pending CN114861097A (zh) | 2022-04-29 | 2022-04-29 | 一种浏览器缓存方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114861097A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115840604A (zh) * | 2022-12-23 | 2023-03-24 | 阿波罗智联(北京)科技有限公司 | 数据处理方法、装置、电子设备和计算机可读存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107301051A (zh) * | 2017-06-27 | 2017-10-27 | 深圳市金立通信设备有限公司 | 终端动态数据的缓存与交互方法、终端、系统及计算机可读存储介质 |
| CN107784086A (zh) * | 2017-10-09 | 2018-03-09 | 中国平安人寿保险股份有限公司 | 一种网页的加载方法、终端设备及计算机可读存储介质 |
| CN110555040A (zh) * | 2018-03-30 | 2019-12-10 | 阿里巴巴集团控股有限公司 | 一种数据缓存方法、装置及服务器 |
| CN113961832A (zh) * | 2021-10-19 | 2022-01-21 | 广州虎牙科技有限公司 | 页面渲染的方法、装置、设备、存储介质及程序产品 |
-
2022
- 2022-04-29 CN CN202210476192.8A patent/CN114861097A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107301051A (zh) * | 2017-06-27 | 2017-10-27 | 深圳市金立通信设备有限公司 | 终端动态数据的缓存与交互方法、终端、系统及计算机可读存储介质 |
| CN107784086A (zh) * | 2017-10-09 | 2018-03-09 | 中国平安人寿保险股份有限公司 | 一种网页的加载方法、终端设备及计算机可读存储介质 |
| CN110555040A (zh) * | 2018-03-30 | 2019-12-10 | 阿里巴巴集团控股有限公司 | 一种数据缓存方法、装置及服务器 |
| CN113961832A (zh) * | 2021-10-19 | 2022-01-21 | 广州虎牙科技有限公司 | 页面渲染的方法、装置、设备、存储介质及程序产品 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115840604A (zh) * | 2022-12-23 | 2023-03-24 | 阿波罗智联(北京)科技有限公司 | 数据处理方法、装置、电子设备和计算机可读存储介质 |
| CN115840604B (zh) * | 2022-12-23 | 2024-05-28 | 阿波罗智联(北京)科技有限公司 | 数据处理方法、装置、电子设备和计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2874077A2 (en) | Stateless database cache | |
| US20160179919A1 (en) | Asynchronous data replication using an external buffer table | |
| CN108804447B (zh) | 利用缓存响应数据请求的方法和系统 | |
| US20190377668A1 (en) | Regression testing of cloud-based services | |
| US20210209526A1 (en) | Landing page processing method, device and medium | |
| CN114116613A (zh) | 基于分布式文件系统的元数据查询方法、设备和存储介质 | |
| CN109936605B (zh) | 一种加载接口数据的方法和装置 | |
| US12020071B2 (en) | Resource pre-fetch using age threshold | |
| US20230012642A1 (en) | Method and device for snapshotting metadata, and storage medium | |
| US11042529B2 (en) | System of migration and validation | |
| CN113868251A (zh) | 分布式数据库的全局二级索引方法及其装置 | |
| CN115455058A (zh) | 缓存数据的处理方法、装置、计算机设备及存储介质 | |
| CN114861097A (zh) | 一种浏览器缓存方法、装置、电子设备及存储介质 | |
| US20240095298A1 (en) | Systems and methods for rendering interactive web pages | |
| CN110866001A (zh) | 确定待处理订单的方法和装置 | |
| CN113760977A (zh) | 一种信息查询方法、装置、设备及存储介质 | |
| CN114138397B (zh) | 页面显示方法、装置、电子设备及存储介质 | |
| CN115905322A (zh) | 业务处理方法、装置、电子设备及存储介质 | |
| CN114741158A (zh) | 页面切换方法、装置、设备以及存储介质 | |
| CN112887426B (zh) | 信息流的推送方法、装置、电子设备以及存储介质 | |
| CN114564318A (zh) | 一种数据处理方法、装置、系统、电子设备及存储介质 | |
| US9223758B1 (en) | Determining a language encoding data setting for a web page, and applications thereof | |
| CN113569144B (zh) | 推广内容的检索方法、装置、设备、存储介质及程序产品 | |
| CN115203599B (zh) | 信息推荐方法、装置、设备和存储介质 | |
| CN113760965B (zh) | 数据查询的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20231008 Address after: 100176 Room 101, 1st floor, building 1, yard 7, Ruihe West 2nd Road, economic and Technological Development Zone, Daxing District, Beijing Applicant after: Apollo Intelligent Connectivity (Beijing) Technology Co., Ltd. Applicant after: Apollo Zhixing Technology (Guangzhou) Co.,Ltd. Address before: 100176 Room 101, 1st floor, building 1, yard 7, Ruihe West 2nd Road, economic and Technological Development Zone, Daxing District, Beijing Applicant before: Apollo Intelligent Connectivity (Beijing) Technology Co., Ltd. |