一种浏览器的数据存储量监测方法、装置、存储介质及终端与流程

1.本发明涉及计算机技术领域，特别涉及一种浏览器的数据存储量监测方法、装置、存储介质及终端。


背景技术：

2.浏览器的局部存储器(简称：localstorage)是html5新增的一个本地存储api，所谓localstorage就是一个小仓库的意思，它通常具备5m的大小空间，存储在浏览器中，可以通过js来操纵localstorage的相关函数。
3.目前基于web浏览器的网页开发往往离不开localstorage的数据存储，但是当localstorage存储量过大时会对网页的加载速度造成极大的负面影响，从而影响用户体验。因此，如何对localstorage的数据存储量进行实时监测是当前亟需解决的问题。


技术实现要素：

4.本技术实施例提供了一种浏览器的数据存储量监测方法、装置、存储介质及终端。为了对披露的实施例的一些方面有一个基本的理解，下面给出了简单的概括。该概括部分不是泛泛评述，也不是要确定关键/重要组成元素或描绘这些实施例的保护范围。其唯一目的是用简单的形式呈现一些概念，以此作为后面的详细说明的序言。
5.第一方面，本技术实施例提供了一种浏览器的数据存储量监测方法，方法包括：
6.在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小；
7.当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息；
8.计算所需存储的数据信息的所需内存大小；
9.将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
10.可选的，计算浏览器中局部存储器的已使用内存大小，包括：
11.采用二维数组的格式获取浏览器的局部存储器中已存储数据，得到二维数组数据；
12.将二维数组数据进行扁平化操作，生成一维数组数据；
13.将一维数组数据转换为字符串格式，得到字符串数据；
14.根据字符串数据计算浏览器中局部存储器的已使用内存大小。
15.可选的，根据字符串数据计算浏览器中局部存储器的已使用内存大小，包括：
16.计算字符串数据的长度值；
17.以字符串数据的长度值为字节数，将长度值转换为以mb为单位的内存量；
18.将以mb为单位的内存量确定为浏览器中局部存储器的已使用内存大小。
19.可选的，按照以下步骤生成数据监听器，包括：
20.确定浏览器的局部存储器的数据写入函数，并重写数据写入函数后得到目标函
数；
21.获取预先自定义的触发事件；
22.将目标函数中的变量参数与触发事件进行绑定，得到绑定事件；
23.采用预设浏览器全局事件派发操作触发绑定事件，得到实例化后的目标事件；
24.利用window.addeventlistener函数将实例化后的目标事件绑定至windows上，得到数据监听器。
25.可选的，计算所需存储的数据信息的所需内存大小，包括：
26.解析所需存储的数据信息，得到数据名称以及数据内容；
27.将数据名称与数据内容进行拼接，得到拼接字符串；
28.将拼接字符串的长度值转为mb存储单位的值，得到所需内存大小。
29.可选的，方法还包括：
30.根据实际数据存储量进行预警。
31.可选的，根据实际数据存储量进行预警，包括：
32.当实际数据存储量大于预设阈值时，生成警告信息；
33.将警告信息进行展示；
34.或者，
35.当实际数据存储量小于等于预设阈值时，不进行预警。
36.第二方面，本技术实施例提供了一种浏览器的数据存储量监测装置，装置包括：
37.已使用内存大小计算模块，用于在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小；
38.所需存储的数据信息获取模块，用于当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息；
39.所需内存大小计算模块，用于计算所需存储的数据信息的所需内存大小；
40.存储量生成模块，用于将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
41.第三方面，本技术实施例提供一种计算机存储介质，计算机存储介质存储有多条指令，指令适于由处理器加载并执行上述的方法步骤。
42.第四方面，本技术实施例提供一种终端，可包括：处理器和存储器；其中，存储器存储有计算机程序，计算机程序适于由处理器加载并执行上述的方法步骤。
43.本技术实施例提供的技术方案可以包括以下有益效果：
44.在本技术实施例中，浏览器的数据存储量监测装置首先在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小，然后当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息，其次计算所需存储的数据信息的所需内存大小，最后将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。由于本技术通过预设数据监听器实时监测数据写入事件，在数据写入事件发送时可计算出浏览器中局部存储器实际数据存储量，进而可根据该存储量进行预警，从而避免了浏览器中因局部存储器存储量过大而对网页的加载速度造成的负面影响。
45.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不
能限制本发明。
附图说明
46.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
47.图1是本技术实施例提供的一种浏览器的数据存储量监测方法的流程示意图；
48.图2是本技术实施例提供的一种浏览器的数据存储量监测过程的过程示意框图；
49.图3是本技术实施例提供的一种精确计算实际所需内存大小的示意图；
50.图4是本技术实施例提供的一种浏览器的数据存储量监测装置的结构示意图；
51.图5是本技术实施例提供的一种终端的结构示意图。
具体实施方式
52.以下描述和附图充分地示出本发明的具体实施方案，以使本领域的技术人员能够实践它们。
53.应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
54.下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
55.在本发明的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。此外，在本发明的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
56.本技术提供了一种浏览器的数据存储量监测方法、装置、存储介质及终端，以解决上述相关技术问题中存在的问题。本技术提供的技术方案中，由于本技术通过预设数据监听器实时监测数据写入事件，在数据写入事件发送时可计算出浏览器中局部存储器实际数据存储量，进而可根据该存储量进行预警，从而避免了浏览器中因局部存储器存储量过大而对网页的加载速度造成的负面影响，下面采用示例性的实施例进行详细说明。
57.下面将结合附图1-附图3，对本技术实施例提供的浏览器的数据存储量监测方法进行详细介绍。该方法可依赖于计算机程序实现，可运行于基于冯诺依曼体系的浏览器的数据存储量监测装置上。该计算机程序可集成在应用中，也可作为独立的工具类应用运行。
58.请参见图1，为本技术实施例提供了一种浏览器的数据存储量监测方法的流程示意图。如图1所示，本技术实施例的方法可以包括以下步骤：
59.s101，在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小；
60.其中，一般浏览器的localstorage内存上限都是5mb，但是浏览器localstorage的5mb的存储单位并非为字节数，准确来讲localstorage的5mb的单位是字符的长度值或者可以说时utf-16编码单元；localstorage进行存储的键值同样采用的也是utf-16domstring格式，而utf-16编码每个字符都是使用2个字节(前提是码点需要小于0xffff，即65535)，如果大于这个码点的字符也就需要4个字节。通常可以通过charcodeat()方法来判断某个字符的码点是2还是4。
61.例如：一个字符串的长度通常可以用length来进行查看，而有时候当字符串长度很小时即可用肉眼观测的到，但是正确答案有时候并非看到的：字符串"你好"的长度值当浏览器进行输出时，长度值为2是正确的，但是字符串""的长度值呢？确实不是1，是2，因为这个字符的码点是4，故长度为2。
62.因此，需要换成一种更容易理解的单位：localstorage存储为10m的字节数更容易让人理解一些。当然2个字节作为一个utf-16的字符编码单元，也可以说是5mb的utf-16的编码单元。
63.通常，想要计算出浏览器中局部存储器的实际数据存储量，首先需要在浏览器初始化的时候就需要拿到浏览器localstorage当前存储的全部数据，并计算其大小。
64.在本技术实施例中，在计算浏览器中局部存储器的已使用内存大小时，首先采用二维数组的格式获取浏览器的局部存储器中已存储数据，得到二维数组数据，然后将二维数组数据进行扁平化操作，生成一维数组数据，其次将一维数组数据转换为字符串格式，得到字符串数据，最后根据字符串数据计算浏览器中局部存储器的已使用内存大小。
65.进一步地，在根据字符串数据计算浏览器中局部存储器的已使用内存大小时，首先计算字符串数据的长度值，然后以字符串数据的长度值为字节数，将长度值转换为以mb为单位的内存量，最后将以mb为单位的内存量确定为浏览器中局部存储器的已使用内存大小。
66.在一种可能的实现方式中，可以利用js方法库中一种可以将数据对象转换为一种二维数组格式的方法来获取到浏览器localstorage中已存储的全部数据量。然后将所获取的二维数组进行扁平化的操作，即转为一维数据，其次将这个一维数组转换为字符串的格式，最后根据最终的字符串，可以得到当前浏览器localstorage的存储长度，并将这个长度值以kb为单位，最终转化为mb数据存储单位格式，即可得到localstorage的已使用内存大小。
67.s102，当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息；
68.其中，在网页的制作过程中，基于localstorage的数据信息存储是必不可少的，但是localstorage的存储量是有限制的，而且一般都是5mb左右，当localstorage存储量过大时会对网页的加载造成很大的影响，这时候网页的加载速度会随着localstorage的所使用大小逐渐变慢，而用户的体验也会下降。因此在得到localstorage的已使用内存大小之后，还需要构建数据监听器观察每次localstorage存储时内存的使用情况。
69.在本技术实施例中，在生成数据监听器时，首先确定浏览器的局部存储器的数据写入函数，并重写数据写入函数后得到目标函数，再获取预先自定义的触发事件，然后将目标函数中的变量参数与触发事件进行绑定，得到绑定事件，其次采用预设浏览器全局事件
派发操作触发绑定事件，得到实例化后的目标事件，最后利用window.addeventlistener函数将实例化后的目标事件绑定至windows上，得到数据监听器。
70.具体的，在生成数据监听器时，重写localstorage的写入方法(声明一个新的方法)，该方法有两个参数，即用户所需存储到localstorage的数据，该数据是以一种键值对的方式进行存储的(localstorage的存储方式亦为键值对的存储方式，即key/value格式)，所以我们所声明的这个新方法的参数即为用户所需要存储的数据的key和value。
71.自定义一个事件(customsetitem)，并且将用户所需要存储的数据(key和value)与该事件进行绑定(绑定的实现：给customsetitem定义两个自定义属性savekey、saveval,这两个自定义属性对应的值分别为用户所需存储数据的key和value)。
72.通过浏览器全局事件派发(window.dispatchevent)操作来触发定义好的这个事件(customsetitem)，同时这个新实例出来的事件会被绑定到windows上来观察它的调用(绑定的实现：利用window.addeventlistener(“需要绑定的事件”,(e){}))，最终得到数据监听器。
73.在一种可能的实现方式中，当数据监听器创建完成后，当检测到针对浏览器的局部存储器的数据写入事件时，根据数据监听器获取数据写入事件对应的所需存储的数据信息。即当每次localstorage的写入方法开始执行的时候就会第一时间拿到用户所需存储的数据信息。
74.s103，计算所需存储的数据信息的所需内存大小；
75.其中，所需存储的数据信息是localstorage获取到的，该数学信息是键值对形式的数据，具体包括数据名称以及数据内容。
76.在本技术实施例中，在计算所需存储的数据信息的所需内存大小时，首先解析所需存储的数据信息，得到数据名称以及数据内容，然后将数据名称与数据内容进行拼接，得到拼接字符串，最后将拼接字符串的长度值转为mb存储单位的值，得到所需内存大小。
77.在一种可能的实现方式中，每次localstorage的进行写入操作时，浏览器都会派发一个携带当前存储对象信息的事件，而这个事件所携带的数据对象的数据名称以及数据内容都是属于这个事件的属性，这时候将事件的"数据名称"及"数据内容"进行拼接为一个字符串，最终根据这个字符串的长度值，依旧以kb为单位转为mb存储单位，得到所需内存大小。
78.s104，将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
79.在本技术实施例中，在得到已使用内存大小与所需内存大小后，可将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
80.在一种可能的实现方式中，得到所需内存大小后，与上述已计算出的浏览器初始化时localstorage已使用内存大小进行相加，这时候我们就可以第一时间观察到最为精确的浏览器localstorage使用情况。
81.进一步地，在得到浏览器中局部存储器的实际数据存储量后，可根据实际数据存储量进行预警。
82.具体的，当实际数据存储量大于预设阈值时，生成警告信息，并将警告信息进行展示；或者，当实际数据存储量小于等于预设阈值时，不进行预警。
83.例如图2所示，图2是本技术实施例提供的一种览器的数据存储量监测过程的过程示意图，在进行监测时，首先判断当前浏览器是否支持localstorage，若支持，则初始化localstorage已使用内存大小，具体初始化过程例如图3所示，首先以二维数组的格式获取浏览器已经存储的数据，并将该数组进行扁平化后转换为字符串格式，以字符串的长度值为字节数，转换为以mb为单位的内存量，其次判断是否发生localstorage写入操作，若是，根据预先创建的数据监听器获取该写入操作对应的所需存储的数据信息，并将该所需存储的数据信息的属性和值转换为字符串并计算出所占内存大小，最后将初始化所占内存大小和新写入数据内存大小做和进行输出。其中，数据监听器的生成步骤例如图2所示，首先重写localstorage写入方法，然后自定义事件并绑定重写后方法中的键值对参数，最后采用全局派发该自定义事件，并绑定到windows上来观察它的调用。
84.在本技术实施例中，浏览器的数据存储量监测装置首先在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小，然后当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息，其次计算所需存储的数据信息的所需内存大小，最后将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。由于本技术通过预设数据监听器实时监测数据写入事件，在数据写入事件发送时可计算出浏览器中局部存储器实际数据存储量，进而可根据该存储量进行预警，从而避免了浏览器中因局部存储器存储量过大而对网页的加载速度造成的负面影响。
85.下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。
86.请参见图4，其示出了本发明一个示例性实施例提供的浏览器的数据存储量监测装置的结构示意图。该浏览器的数据存储量监测装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置1包括已使用内存大小计算模块10、所需存储的数据信息获取模块20、所需内存大小计算模块30、存储量生成模块40。
87.已使用内存大小计算模块10，用于在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小；
88.所需存储的数据信息获取模块20，用于当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息；
89.所需内存大小计算模块30，用于计算所需存储的数据信息的所需内存大小；
90.存储量生成模块40，用于将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
91.需要说明的是，上述实施例提供的浏览器的数据存储量监测装置在执行浏览器的数据存储量监测方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的浏览器的数据存储量监测装置与浏览器的数据存储量监测方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不再赘述。
92.上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。
93.在本技术实施例中，浏览器的数据存储量监测装置首先在当前浏览器支持局部存
储器时，计算浏览器中局部存储器的已使用内存大小，然后当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息，其次计算所需存储的数据信息的所需内存大小，最后将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。由于本技术通过预设数据监听器实时监测数据写入事件，在数据写入事件发送时可计算出浏览器中局部存储器实际数据存储量，进而可根据该存储量进行预警，从而避免了浏览器中因局部存储器存储量过大而对网页的加载速度造成的负面影响。
94.本发明还提供一种计算机可读介质，其上存储有程序指令，该程序指令被处理器执行时实现上述各个方法实施例提供的浏览器的数据存储量监测方法。本发明还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各个方法实施例的浏览器的数据存储量监测方法。
95.请参见图5，为本技术实施例提供了一种终端的结构示意图。如图5所示，终端1000可以包括：至少一个处理器1001，至少一个网络接口1004，用户接口1003，存储器1005，至少一个通信总线1002。
96.其中，通信总线1002用于实现这些组件之间的连接通信。
97.其中，用户接口1003可以包括显示屏(display)、摄像头(camera)，可选用户接口1003还可以包括标准的有线接口、无线接口。
98.其中，网络接口1004可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。
99.其中，处理器1001可以包括一个或者多个处理核心。处理器1001利用各种接口和线路连接整个电子设备1000内的各个部分，通过运行或执行存储在存储器1005内的指令、程序、代码集或指令集，以及调用存储在存储器1005内的数据，执行电子设备1000的各种功能和处理数据。可选的，处理器1001可以采用数字信号处理(digital signal processing，dsp)、现场可编程门阵列(field-programmable gate array，fpga)、可编程逻辑阵列(programmable logic array，pla)中的至少一种硬件形式来实现。处理器1001可集成中央处理器(central processing unit，cpu)、图像处理器(graphics processing unit，gpu)和调制解调器等中的一种或几种的组合。其中，cpu主要处理操作系统、用户界面和应用程序等；gpu用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1001中，单独通过一块芯片进行实现。
100.其中，存储器1005可以包括随机存储器(random access memory，ram)，也可以包括只读存储器(read-only memory)。可选的，该存储器1005包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1005可用于存储指令、程序、代码、代码集或指令集。存储器1005可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图5所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及浏览器的数据存储量监测应用程序。
101.在图5所示的终端1000中，用户接口1003主要用于为用户提供输入的接口，获取用
户输入的数据；而处理器1001可以用于调用存储器1005中存储的浏览器的数据存储量监测应用程序，并具体执行以下操作：
102.在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小；
103.当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息；
104.计算所需存储的数据信息的所需内存大小；
105.将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。
106.在一个实施例中，处理器1001在执行计算浏览器中局部存储器的已使用内存大小时，具体执行以下操作：
107.采用二维数组的格式获取浏览器的局部存储器中已存储数据，得到二维数组数据；
108.将二维数组数据进行扁平化操作，生成一维数组数据；
109.将一维数组数据转换为字符串格式，得到字符串数据；
110.根据字符串数据计算浏览器中局部存储器的已使用内存大小。
111.在一个实施例中，处理器1001在执行根据字符串数据计算浏览器中局部存储器的已使用内存大小时，具体执行以下操作：
112.计算字符串数据的长度值；
113.以字符串数据的长度值为字节数，将长度值转换为以mb为单位的内存量；
114.将以mb为单位的内存量确定为浏览器中局部存储器的已使用内存大小。
115.在一个实施例中，处理器1001在生成数据监听器时，具体执行以下操作：
116.确定浏览器的局部存储器的数据写入函数，并重写数据写入函数后得到目标函数；
117.获取预先自定义的触发事件；
118.将目标函数中的变量参数与触发事件进行绑定，得到绑定事件；
119.采用预设浏览器全局事件派发操作触发绑定事件，得到实例化后的目标事件；
120.利用window.addeventlistener函数将实例化后的目标事件绑定至windows上，得到数据监听器。
121.在一个实施例中，处理器1001在执行计算所需存储的数据信息的所需内存大小时，具体执行以下操作：
122.解析所需存储的数据信息，得到数据名称以及数据内容；
123.将数据名称与数据内容进行拼接，得到拼接字符串；
124.将拼接字符串的长度值转为mb存储单位的值，得到所需内存大小。
125.在一个实施例中，处理器1001还执行以下操作：
126.根据实际数据存储量进行预警。
127.在一个实施例中，处理器1001在执行根据实际数据存储量进行预警时，具体执行以下操作：
128.当实际数据存储量大于预设阈值时，生成警告信息；
129.将警告信息进行展示；
130.或者，
131.当实际数据存储量小于等于预设阈值时，不进行预警。
132.在本技术实施例中，浏览器的数据存储量监测装置首先在当前浏览器支持局部存储器时，计算浏览器中局部存储器的已使用内存大小，然后当检测到针对浏览器的局部存储器的数据写入事件时，根据预设数据监听器获取数据写入事件对应的所需存储的数据信息，其次计算所需存储的数据信息的所需内存大小，最后将已使用内存大小与所需内存大小做和，生成浏览器中局部存储器的实际数据存储量。由于本技术通过预设数据监听器实时监测数据写入事件，在数据写入事件发送时可计算出浏览器中局部存储器实际数据存储量，进而可根据该存储量进行预警，从而避免了浏览器中因局部存储器存储量过大而对网页的加载速度造成的负面影响。
133.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，浏览器的数据存储量监测的程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
134.以上所揭露的仅为本技术较佳实施例而已，当然不能以此来限定本技术之权利范围，因此依本技术权利要求所作的等同变化，仍属本技术所涵盖的范围。