CN112528187A - 浏览器数据缓存处理方法、装置和系统 - Google Patents
浏览器数据缓存处理方法、装置和系统 Download PDFInfo
- Publication number
- CN112528187A CN112528187A CN202011504810.2A CN202011504810A CN112528187A CN 112528187 A CN112528187 A CN 112528187A CN 202011504810 A CN202011504810 A CN 202011504810A CN 112528187 A CN112528187 A CN 112528187A
- Authority
- CN
- China
- Prior art keywords
- browser
- attribute value
- data
- cache
- object tree
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 22
- 238000000034 method Methods 0.000 claims abstract description 84
- 238000012545 processing Methods 0.000 claims abstract description 62
- 238000009877 rendering Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 7
- 230000007246 mechanism Effects 0.000 claims description 7
- 230000001360 synchronised effect Effects 0.000 claims description 7
- 238000012544 monitoring process Methods 0.000 claims description 6
- 238000011161 development Methods 0.000 abstract description 12
- 230000004048 modification Effects 0.000 description 7
- 238000012986 modification Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000006243 chemical reaction Methods 0.000 description 2
- 230000001419 dependent effect Effects 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 238000006467 substitution reaction Methods 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
Abstract
本发明涉及一种浏览器数据缓存处理方法、装置和系统,方法包括:从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;创建对象树,并将浏览器缓存数据同步存储到对象树中;在浏览器的Window对象上绑定对象树调用方法;根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值;根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。采用本发明的技术方案,可以通过创建对象树,从而无需依赖Web开发框架,提高数据缓存的灵活性,并且对象树可以与浏览器自身的会话、本地缓存进行数据互通,提高了浏览器数据的缓存效率。
Description
技术领域
本发明涉及数据缓存技术领域,具体涉及一种浏览器数据缓存处理方法、装置和系统。
背景技术
随着互联网技术的不断发展,浏览器在Web开发中的地位日益凸显,用户对访问网站的体验要求也越来越高。出于对体验和性能的考虑,网页中大部分数据可以使用浏览器缓存技术来存储,缓存技术在Web技术体系中扮演着非常重要的角色,而浏览器会话、本地缓存存储在网页开发中使用的最为广泛。
目前,大多Web开发框架会集成自己的缓存处理机制,这些缓存一般都存储于浏览器内存中,一旦浏览器刷新网页,存储在浏览器内存中的数据便会丢失。因此,现有技术中,在浏览器更新内存数据时,会再单独存储一份数据至浏览器会话、本地缓存,但是Web开发框架对应的浏览器内存与浏览器自身的会话、本地缓存无法进行数据互通,且对Web开发框架较为依赖,灵活性较低。
发明内容
有鉴于此,本发明的目的在于提供一种浏览器数据缓存处理方法、装置和系统,以解决现有技术中浏览器内存与浏览器自身的会话、本地缓存无法进行数据互通,且对Web开发框架较为依赖,灵活性较低的问题。
为实现以上目的,本发明采用如下技术方案:
一种浏览器数据缓存处理方法,包括:
从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;
创建对象树,并将所述浏览器缓存数据同步存储到所述对象树中;
在浏览器的Window对象上绑定对象树调用方法;
根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值;
根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理。
进一步地,上述浏览器数据缓存处理方法中,所述将所述浏览器缓存数据同步存储到所述对象树中的实例中,包括:
对所述浏览器缓存数据进行枚举遍历,得到所述浏览器缓存数据对应的枚举值;
将所述枚举值保存至预先创建的缓存变量中;
将所述缓存变量同步到所述对象树中。
进一步地,上述浏览器数据缓存处理方法中,所述对象树调用方法包括:属性值设置方法和属性值获取方法。
进一步地,上述浏览器数据缓存处理方法中,若所述用户操作表示新增操作和/或修改操作,所述根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值,包括:
调用所述属性值设置方法,根据所述用户操作对所述对象树中的属性值进行设置,确定所述目标属性值;
对应地,所述根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理,包括:
根据所述目标属性值,触发所述对象树中预先设定的监听机制,生成数据更新提示;
根据所述数据更新提示和所述目标属性值,同步更新所述浏览器会话缓存和/或所述浏览器本地缓存中浏览器缓存数据。
进一步地,上述浏览器数据缓存处理方法中,若所述用户操作表示页面刷新操作,所述根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值,包括:
调用所述属性值获取方法,根据所述用户操作获取所述对象树中的属性值,作为目标属性值;
对应地,所述根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理,包括:
对所述目标属性值进行有效性校验,确定所述目标属性值是否有效;
若所述目标属性值有效,则根据所述属性值进行页面渲染,确定刷新后的Window对象;
若所述目标属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据所述目标数据进行页面渲染,确定刷新后的Window对象。
本发明还提供了一种浏览器数据缓存处理装置,包括:
获取模块,用于从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;
创建模块,用于创建对象树,并将所述浏览器缓存数据同步存储到所述对象树中;
绑定模块,用于在浏览器的Window对象上绑定对象树调用方法;
第一处理模块,用于根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值;
第二处理模块,用于根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理。
进一步地,上述浏览器数据缓存处理装置中,所述创建模块,具体用于:
对所述浏览器缓存数据进行枚举遍历,得到所述浏览器缓存数据对应的枚举值;
将所述枚举值保存至预先创建的缓存变量中;
将所述缓存变量同步到所述对象树中。
进一步地,上述浏览器数据缓存处理装置中,若所述用户操作表示新增操作和/或修改操作,所述第一处理模块,具体用于调用所述对象树调用方法中的所述属性值设置方法,根据所述用户操作对所述对象树中的属性值进行设置,确定所述目标属性值;
所述第二处理模块,具体用于根据所述目标属性值,触发所述对象树中预先设定的监听机制,生成数据更新提示;根据所述数据更新提示和所述目标属性值,同步更新所述浏览器会话缓存和/或所述浏览器本地缓存中浏览器缓存数据。
进一步地,上述浏览器数据缓存处理装置中,若所述用户操作表示页面刷新操作,所述第一处理模块,具体用于调用所述对象树调用方法中的所述属性值获取方法,根据所述用户操作获取所述对象树中的属性值,作为目标属性值;
所述第二处理模块,具体用于对所述属性值进行有效性校验,确定所述属性值是否有效;若所述属性值有效,则根据所述属性值进行页面渲染,确定刷新后的页面;若所述属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据所述目标数据进行页面渲染,确定刷新后的页面。
本发明还提供了一种浏览器数据缓存处理系统,包括:处理器以及与所述处理器相连的存储器;
所述存储器用于存储计算机程序,所述计算机程序至少用于执行上述浏览器数据缓存处理方法;
所述处理器用于调用并执行所述计算机程序。
一种浏览器数据缓存处理方法、装置和系统,方法包括:从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;创建对象树,并将浏览器缓存数据同步存储到对象树中;在浏览器的Window对象上绑定对象树调用方法;根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值;根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。采用本发明的技术方案,可以通过创建对象树,从而无需依赖Web开发框架,提高数据缓存的灵活性,并且对象树可以与浏览器自身的会话、本地缓存进行数据互通,提高了浏览器数据的缓存效率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明的浏览器数据缓存处理方法一种实施例提供的流程图;
图2是本发明的浏览器数据缓存处理装置一种实施例提供的结构示意图;
图3是本发明的浏览器数据缓存处理系统一种实施例提供的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将对本发明的技术方案进行详细的描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式,都属于本发明所保护的范围。
图1是本发明的浏览器数据缓存处理方法一种实施例提供的流程图,如图1所示,本实施例的浏览器数据缓存处理方法具体包括如下步骤:
S101、从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据。
本实施例中,首先需要从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据。
S102、创建对象树,并将浏览器缓存数据同步存储到对象树中。
获取到浏览器缓存数据后,还需要创建对象树,并将浏览器缓存数据同步存储到对象树中。其中,对象树实质是状态树,通过JavaScript脚本构建一个私有实例,作为响应数据源,并将浏览器缓存数据同步到该实例上。
将浏览器缓存数据同步存储到对象树中的实例中,具体包括如下步骤:
第一,对浏览器缓存数据进行枚举遍历,得到浏览器缓存数据对应的枚举值;第二,将枚举值保存至预先创建的缓存变量中;第三,将缓存变量同步到对象树中。其中,需要说明的是,为了确保枚举值的正确性,缓存原型链上的数据不在所要遍历保存的范围内。
S103、在浏览器的Window对象上绑定对象树调用方法。
本实施例中,在页面渲染过程中,会在浏览器的Window对象上绑定对象树调用方法。其中,对象树调用方法包括:属性值设置方法和属性值获取方法,属性值设置方法可以用于设置对象树中的属性值;属性值获取方法可以用于获取对象树中的属性值。另外,本实施例中还可以设置属性值设置获取方法,该方法既可设置对象树中的属性值,也可获取对象树中的属性值。
S104、根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值。
根据针对Window对象的用户操作,可以调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值。
进一步地,若用户操作表示新增操作和/或修改操作,那么本步骤具体需要调用属性值设置方法,根据用户操作对对象树中的属性值进行设置,确定目标属性值,即将对象树中根据用户操作设置的属性值作为目标属性值。其中,新增操作为用户对Window对象进行数据新增的操作;修改操作为用户对Window对象进行数据修改的操作。
在调用属性值设置方法时,方法内部传入的第一个参数应为对象类型,若类型错误,则抛出异常。同时对象中的属性值应为字符串类型,若类型错误,则进行强制转换,转换出错则抛出异常。
进一步地,若用户操作表示页面刷新操作,那么本步骤具体需要调用属性值获取方法,根据用户操作获取对象树中用户操作的Window对象对应的属性值作为目标属性值。
在调用属性值获取方法时,方法内部传入的第一个参数应为字符串类型,若类型错误,则抛出异常;方法内部传入的第二个可选参数为函数类型,若类型错误,则抛出异常。
另外,为了防止对象树中变量名称的重复及冲突,提供变量名统一定义文件及规则,按照所述规则进行变量名的定义及使用。缓存变量名按照模块划分,至少存在一个模块的变量文件。
S105、根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。
确定了目标属性值后,需要对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。
进一步地,若用户操作表示新增操作和/或修改操作,那么本步骤具体包括:第一,根据目标属性值,触发对象树中预先设定的监听机制,生成数据更新提示;第二,根据数据更新提示和目标属性值,同步更新浏览器会话缓存和/或浏览器本地缓存中浏览器缓存数据,从而实现对象树可以与浏览器自身的会话、本地缓存进行数据互通。其中,属性值设置方法可以包括第一属性值设置方法和第二属性值设置方法,利用第一属性值设置方法设置了对象树的属性值,从而确定了目标属性值后,会对浏览器会话缓存进行同步处理;利用第二属性值设置方法设置了对象树的属性值,从而确定了目标属性值后,会对浏览器本地缓存进行同步处理。
进一步地,若用户操作表示页面刷新操作,那么本步骤具体包括:第一,对目标属性值进行有效性校验,确定目标属性值是否有效;第二,若目标属性值有效,则根据属性值进行页面渲染,确定刷新后的Window对象;第三,若目标属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据目标数据进行页面渲染,确定刷新后的Window对象。这样便可以在用户刷新了页面后,从对象树中回调出相应数据,进行页面渲染,避免刷新后出现数据丢失,造成页面显示异常。
另外,因浏览器本地缓存、浏览器会话缓存大小限制一般为5MB(5*1024KB)左右,顾为防止存储数据过大,限制每次500KB的存储大小。若超出存储限制,则抛出异常。
本实施例的浏览器数据缓存处理方法,从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;创建对象树,并将浏览器缓存数据同步存储到对象树中;在浏览器的Window对象上绑定对象树调用方法;根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值;根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。采用本实施例的技术方案,可以通过创建对象树,从而无需依赖Web开发框架,提高数据缓存的灵活性,并且对象树可以与浏览器自身的会话、本地缓存进行数据互通,提高了浏览器数据的缓存效率。
为了更全面,对应于本发明实施例提供的浏览器数据缓存处理方法,本申请还提供了浏览器数据缓存处理装置。
图2是本发明的浏览器数据缓存处理装置一种实施例提供的结构示意图,如图2所示,本实施例的浏览器数据缓存处理装置包括:获取模块11、创建模块12、绑定模块13、第一处理模块14和第二处理模块15。
获取模块11,用于从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;
创建模块12,用于创建对象树,并将浏览器缓存数据同步存储到对象树中;
绑定模块13,用于在浏览器的Window对象上绑定对象树调用方法;
第一处理模块14,用于根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值;
第二处理模块15,用于根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。
本实施例的浏览器数据缓存处理装置,获取模块11从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;创建模块12创建对象树,并将浏览器缓存数据同步存储到对象树中;绑定模块13在浏览器的Window对象上绑定对象树调用方法;第一处理模块14根据用户操作调用对象树调用方法,对对象树中的属性值进行处理,确定目标属性值;第二处理模块15根据目标属性值,对浏览器会话缓存与浏览器本地缓存中的浏览器缓存数据或者Window对象进行同步处理。采用本实施例的技术方案,可以通过创建对象树,从而无需依赖Web开发框架,提高数据缓存的灵活性,并且对象树可以与浏览器自身的会话、本地缓存进行数据互通,提高了浏览器数据的缓存效率。
进一步地,本实施例的浏览器数据缓存处理装置中,创建模块12,具体用于对浏览器缓存数据进行枚举遍历,得到浏览器缓存数据对应的枚举值;将枚举值保存至预先创建的缓存变量中;将缓存变量同步到对象树中。
进一步地,本实施例的浏览器数据缓存处理装置中,若用户操作表示新增操作和/或修改操作,第一处理模块14,具体用于调用对象树调用方法中的属性值设置方法,根据用户操作对对象树中的属性值进行设置,确定目标属性值;
第二处理模块15,具体用于根据目标属性值,触发对象树中预先设定的监听机制,生成数据更新提示;根据数据更新提示和目标属性值,同步更新浏览器会话缓存和/或浏览器本地缓存中浏览器缓存数据。
进一步地,本实施例的浏览器数据缓存处理装置中,若用户操作表示页面刷新操作,第一处理模块14,具体用于调用对象树调用方法中的属性值获取方法,根据用户操作获取对象树中的属性值,作为目标属性值;
第二处理模块15,具体用于对属性值进行有效性校验,确定属性值是否有效;若属性值有效,则根据属性值进行页面渲染,确定刷新后的页面;若属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据目标数据进行页面渲染,确定刷新后的页面。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图3是本发明的基于快递柜的快递投递系统一种实施例提供的结构示意图,如图3所示,本实施例的浏览器数据缓存处理系统包括处理器21以及与处理器21相连的存储器22;
存储器22用于存储计算机程序,所述计算机程序至少用于执行上述实施例的浏览器数据缓存处理方法;
处理器21用于调用并执行所述计算机程序。
本实施例的浏览器数据缓存处理系统,可以通过创建对象树,从而无需依赖Web开发框架,提高数据缓存的灵活性,并且对象树可以与浏览器自身的会话、本地缓存进行数据互通,提高了浏览器数据的缓存效率。
可以理解的是,上述各实施例中相同或相似部分可以相互参考,在一些实施例中未详细说明的内容可以参见其他实施例中相同或相似的内容。
需要说明的是,在本发明的描述中,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。此外,在本发明的描述中,除非另有说明,“多个”的含义是指至少两个。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本发明各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,磁盘或光盘等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (10)
1.一种浏览器数据缓存处理方法,其特征在于,包括:
从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;
创建对象树,并将所述浏览器缓存数据同步存储到所述对象树中;
在浏览器的Window对象上绑定对象树调用方法;
根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值;
根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理。
2.根据权利要求1所述的浏览器数据缓存处理方法,其特征在于,所述将所述浏览器缓存数据同步存储到所述对象树中的实例中,包括:
对所述浏览器缓存数据进行枚举遍历,得到所述浏览器缓存数据对应的枚举值;
将所述枚举值保存至预先创建的缓存变量中;
将所述缓存变量同步到所述对象树中。
3.根据权利要求1所述的浏览器数据缓存处理方法,其特征在于,所述对象树调用方法包括:属性值设置方法和属性值获取方法。
4.根据权利要求3所述的浏览器数据缓存处理方法,其特征在于,若所述用户操作表示新增操作和/或修改操作,所述根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值,包括:
调用所述属性值设置方法,根据所述用户操作对所述对象树中的属性值进行设置,确定所述目标属性值;
对应地,所述根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理,包括:
根据所述目标属性值,触发所述对象树中预先设定的监听机制,生成数据更新提示;
根据所述数据更新提示和所述目标属性值,同步更新所述浏览器会话缓存和/或所述浏览器本地缓存中浏览器缓存数据。
5.根据权利要求3所述的浏览器数据缓存处理方法,其特征在于,若所述用户操作表示页面刷新操作,所述根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值,包括:
调用所述属性值获取方法,根据所述用户操作获取所述对象树中的属性值,作为目标属性值;
对应地,所述根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理,包括:
对所述目标属性值进行有效性校验,确定所述目标属性值是否有效;
若所述目标属性值有效,则根据所述属性值进行页面渲染,确定刷新后的Window对象;
若所述目标属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据所述目标数据进行页面渲染,确定刷新后的Window对象。
6.一种浏览器数据缓存处理装置,其特征在于,包括:
获取模块,用于从浏览器会话缓存与浏览器本地缓存中获取浏览器缓存数据;
创建模块,用于创建对象树,并将所述浏览器缓存数据同步存储到所述对象树中;
绑定模块,用于在浏览器的Window对象上绑定对象树调用方法;
第一处理模块,用于根据用户操作调用所述对象树调用方法,对所述对象树中的属性值进行处理,确定目标属性值;
第二处理模块,用于根据所述目标属性值,对所述浏览器会话缓存与所述浏览器本地缓存中的浏览器缓存数据或者所述Window对象进行同步处理。
7.根据权利要求6所述的浏览器数据缓存处理装置,其特征在于,所述创建模块,具体用于:
对所述浏览器缓存数据进行枚举遍历,得到所述浏览器缓存数据对应的枚举值;
将所述枚举值保存至预先创建的缓存变量中;
将所述缓存变量同步到所述对象树中。
8.根据权利要求6所述的浏览器数据缓存处理装置,其特征在于,若所述用户操作表示新增操作和/或修改操作,所述第一处理模块,具体用于调用所述对象树调用方法中的所述属性值设置方法,根据所述用户操作对所述对象树中的属性值进行设置,确定所述目标属性值;
所述第二处理模块,具体用于根据所述目标属性值,触发所述对象树中预先设定的监听机制,生成数据更新提示;根据所述数据更新提示和所述目标属性值,同步更新所述浏览器会话缓存和/或所述浏览器本地缓存中浏览器缓存数据。
9.根据权利要求6所述的浏览器数据缓存处理装置,其特征在于,若所述用户操作表示页面刷新操作,所述第一处理模块,具体用于调用所述对象树调用方法中的所述属性值获取方法,根据所述用户操作获取所述对象树中的属性值,作为目标属性值;
所述第二处理模块,具体用于对所述属性值进行有效性校验,确定所述属性值是否有效;若所述属性值有效,则根据所述属性值进行页面渲染,确定刷新后的页面;若所述属性值无效,则异步重新调用数据并赋值后,得到目标数据,并根据所述目标数据进行页面渲染,确定刷新后的页面。
10.一种浏览器数据缓存处理系统,其特征在于,包括:处理器以及与所述处理器相连的存储器;
所述存储器用于存储计算机程序,所述计算机程序至少用于执行权利要求1-5任一项所述的浏览器数据缓存处理方法;
所述处理器用于调用并执行所述计算机程序。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011504810.2A CN112528187B (zh) | 2020-12-18 | 2020-12-18 | 浏览器数据缓存处理方法、装置和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011504810.2A CN112528187B (zh) | 2020-12-18 | 2020-12-18 | 浏览器数据缓存处理方法、装置和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112528187A true CN112528187A (zh) | 2021-03-19 |
CN112528187B CN112528187B (zh) | 2024-04-30 |
Family
ID=75001421
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011504810.2A Active CN112528187B (zh) | 2020-12-18 | 2020-12-18 | 浏览器数据缓存处理方法、装置和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112528187B (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101227265A (zh) * | 2008-01-31 | 2008-07-23 | 深圳国人通信有限公司 | 一种设备监控系统中客户端之间数据同步的方法 |
US20110191676A1 (en) * | 2010-01-29 | 2011-08-04 | Microsoft Corporation | Cross-Browser Interactivity Recording, Playback, and Editing |
CN102349062A (zh) * | 2009-03-11 | 2012-02-08 | 微软公司 | 用于跨设备和web服务使浏览器缓存同步的编程模型 |
-
2020
- 2020-12-18 CN CN202011504810.2A patent/CN112528187B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101227265A (zh) * | 2008-01-31 | 2008-07-23 | 深圳国人通信有限公司 | 一种设备监控系统中客户端之间数据同步的方法 |
CN102349062A (zh) * | 2009-03-11 | 2012-02-08 | 微软公司 | 用于跨设备和web服务使浏览器缓存同步的编程模型 |
US20110191676A1 (en) * | 2010-01-29 | 2011-08-04 | Microsoft Corporation | Cross-Browser Interactivity Recording, Playback, and Editing |
Non-Patent Citations (2)
Title |
---|
无处安放的波澜: ""DOM基础知识点"", Retrieved from the Internet <URL:https://blog.csdn.net/weixin_42533732/article/details/107672841> * |
祥哥的说: ""storage事件"", Retrieved from the Internet <URL:https://blog.csdn.net/qq_39207948/ article/details/79582012> * |
Also Published As
Publication number | Publication date |
---|---|
CN112528187B (zh) | 2024-04-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9064029B2 (en) | Dynamically identifying and evaluating component hierarchy for rendering content components on a webpage | |
CN106980625B (zh) | 一种数据同步方法、装置及系统 | |
KR101644666B1 (ko) | 장치와 웹 서비스 간에 브라우저 캐시를 동기화하는 프로그래밍 모델 | |
US20160057220A1 (en) | System for cloud computing using web components | |
US8745164B2 (en) | Method and system to detect a cached web page | |
CN106878376B (zh) | 一种配置管理方法与系统 | |
EP3229148A1 (en) | Website access method and device, and website system | |
CN106569856B (zh) | 一种应用视图资源文件的加载方法和装置 | |
AU2008260091B2 (en) | Method and apparatus that enables a web-based client-server application to be used offline | |
US20130024759A1 (en) | Shared Script Files in Multi-Tab Browser | |
US20120066610A1 (en) | Sub-component instantiation and synchronization using a shared worker | |
US9497248B2 (en) | System for enabling rich network applications | |
US20110082984A1 (en) | Shared Script Files in Multi-Tab Browser | |
WO2017113963A1 (zh) | 一种静态化页面的处理方法及装置 | |
CN109388766A (zh) | 页面加载的方法和装置 | |
CN110309461B (zh) | 页面展现方法和装置 | |
EP2791822A1 (en) | Lightweight framework for web applications | |
JP5677319B2 (ja) | ウェブに基づくダイアグラム視覚性の拡張性 | |
US20110302285A1 (en) | Update server to update rendered content | |
US20170359434A1 (en) | Web caching with image and local storage | |
US20150379105A1 (en) | Transaction completion in a synchronous replication environment | |
CN113452617A (zh) | 动态网关路由管理方法、装置及存储介质 | |
CN111913705B (zh) | 一种基于差异更新算法的JavaScript模板实现方法 | |
CN110516218A (zh) | 表格的生成方法、终端和计算机可读存储介质 | |
CN104881444B (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 | ||
GR01 | Patent grant |