监测页面的方法和装置与流程

1.本发明涉及计算机技术领域，尤其涉及一种监测页面的方法和装置。


背景技术：

2.通过数据埋点多次获取页面的信息，若信息的数量等于预设数量，或者，到达预设时间，则对所有信息进行上报，从上报的信息中分析出页面是否加载异常。
3.在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
4.信息的数量等于预设数量，或者到达预设时间，才上报信息，信息分析后才确定页面是否加载异常，因而，对页面加载情况进行监测的实时性较差，便捷性不高。


技术实现要素：

5.有鉴于此，本发明实施例提供一种监测页面的方法和装置，提高了对页面加载情况进行监测的实时性和便捷性。
6.为实现上述目的，根据本发明实施例的一个方面，提供了一种监测页面的方法。
7.本发明实施例的监测页面的方法，包括：
8.获取第一图片的第一明度，所述第一图片是在第一时间时对加载页面的第一终端进行截屏得到；
9.在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度；
10.根据所述第一明度和所述第二明度确定所述页面是否加载异常；
11.其中，在所述第一时间时所述第一终端加载所述页面的已加载数据量小于在所述第二时间时所述第二终端加载所述页面的已加载数据量。
12.在一个实施例中，根据所述第一明度和所述第二明度确定所述页面是否加载异常，包括：
13.判断所述第二明度是否低于所述第一明度；
14.若否，则确定所述页面加载异常；若是，则确定所述页面加载正常。
15.在一个实施例中，在确定所述页面加载异常之后，包括：
16.将所述第二图片作为页面加载异常信息，对所述页面加载异常信息进行上报。
17.在一个实施例中，根据所述第二图片得到第二明度，包括：
18.对所述第二图片进行压缩，得到第三图片；
19.根据所述第三图片和明度计算方法，确定第二明度。
20.在一个实施例中，根据所述第三图片和明度计算方法，确定第二明度，包括：
21.获取所述第三图片的每个像素点的r值、g值和b值；
22.根据所述第三图片的每个像素点的r值、g值和b值确定所述第三图片的r均值、g均值和b均值；
23.将所述第三图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度
计算方法计算得到第二明度。
24.在一个实施例中，根据所述第二图片得到第二明度，包括：
25.获取所述第二图片的每个像素点的r值、g值和b值；
26.根据所述第二图片的每个像素点的r值、g值和b值确定所述第二图片的r均值、g均值和b均值；
27.将所述第二图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
28.在一个实施例中，所述第一时间包括：
29.所述第一终端开始加载所述页面的时间；
30.所述第二时间包括：
31.所述第二终端开始加载所述页面的时间与预设时长的和。
32.在一个实施例中，所述第一终端开始加载所述页面的时间，包括：
33.所述第一终端中页面视图开始加载的时间，或者，所述第一终端中视图出现的时间。
34.为实现上述目的，根据本发明实施例的另一个方面，提供了一种监测页面的装置。
35.本发明实施例的监测页面的装置，包括：
36.获取单元，用于获取第一图片的第一明度，所述第一图片是在第一时间时对加载页面的第一终端进行截屏得到；
37.第一处理单元，用于在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度；
38.第二处理单元，用于根据所述第一明度和所述第二明度确定所述页面是否加载异常；
39.其中，在所述第一时间时所述第一终端加载所述页面的已加载数据量小于在所述第二时间时所述第二终端加载所述页面的已加载数据量。
40.在一个实施例中，第二处理单元用于：
41.判断所述第二明度是否低于所述第一明度；
42.若否，则确定所述页面加载异常；若是，则确定所述页面加载正常。
43.在一个实施例中，第二处理单元用于：
44.在确定所述页面加载异常之后，将所述第二图片作为页面加载异常信息，对所述页面加载异常信息进行上报。
45.在一个实施例中，第一处理单元用于：
46.对所述第二图片进行压缩，得到第三图片；
47.根据所述第三图片和明度计算方法，确定第二明度。
48.在一个实施例中，第一处理单元用于：
49.获取所述第三图片的每个像素点的r值、g值和b值；
50.根据所述第三图片的每个像素点的r值、g值和b值确定所述第三图片的r均值、g均值和b均值；
51.将所述第三图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
52.在一个实施例中，第一处理单元用于：
53.获取所述第二图片的每个像素点的r值、g值和b值；
54.根据所述第二图片的每个像素点的r值、g值和b值确定所述第二图片的r均值、g均值和b均值；
55.将所述第二图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
56.在一个实施例中，所述第一时间包括：
57.所述第一终端开始加载所述页面的时间；
58.所述第二时间包括：
59.所述第二终端开始加载所述页面的时间与预设时长的和。
60.在一个实施例中，所述第一终端开始加载所述页面的时间，包括：
61.所述第一终端中页面视图开始加载的时间，或者，所述第一终端中视图出现的时间。
62.为实现上述目的，根据本发明实施例的再一个方面，提供了一种电子设备。
63.本发明实施例的一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例提供的监测页面的方法。
64.为实现上述目的，根据本发明实施例的又一个方面，提供了一种计算机可读介质。
65.本发明实施例的一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例提供的监测页面的方法。
66.上述发明中的一个实施例具有如下优点或有益效果：获取第一图片的第一明度，第一图片是在第一时间时对加载页面的第一终端进行截屏得到；在第二时间时对加载页面的第二终端进行截屏，得到第二图片，根据第二图片得到第二明度；根据第一明度和第二明度确定页面是否加载异常；在第一时间时第一终端加载页面的已加载数据量小于在第二时间时第二终端加载页面的已加载数据量。无需等待信息收集够量或者到达预设时间，也无需上报并分析，也无需进行数据埋点，通过第一明度和第二明度即可确定页面是否加载异常，提高了对页面加载情况进行监测的实时性和便捷性。
67.上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
68.附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
69.图1是根据本发明一实施例的监测页面的方法的主要流程的示意图；
70.图2是根据本发明一实施例的监测页面的方法中在页面开始加载时终端的第一种展示；
71.图3是根据本发明一实施例的监测页面的方法中在页面开始加载时终端的第二种展示；
72.图4是根据本发明一实施例的监测页面的方法中在页面开始加载时终端的第三种展示；
73.图5是根据本发明一实施例的监测页面的方法中在页面加载完成时终端的第一种展示；
74.图6是根据本发明一实施例的监测页面的方法中在页面加载完成时终端的第二种展示；
75.图7是根据本发明一实施例的监测页面的方法中在页面加载完成时终端的第三种展示；
76.图8是根据本发明另一实施例的监测页面的方法的主要流程的示意图；
77.图9是根据本发明实施例的监测页面的装置的主要单元的示意图；
78.图10是本发明实施例可以应用于其中的示例性系统架构图；
79.图11是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
80.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
81.需要指出的是，在不冲突的情况下，本发明中的实施例以及实施例中的特征可以互相组合。
82.现有技术中，通过页面加载视图(webview)的加载失败方法或者加载超时方法等监听页面的状态，得到状态信息，状态信息包括加载页面的地址、网络类型、加载时长和加载完成比例。将状态信息作为页面的信息进行上报。因而，现有技术还存在如下问题：
83.通过加载完成比例无法确定页面的哪部分加载异常，哪部分加载正常，页面当前加载情况不够详实，不易于解决页面加载异常的问题。
84.为了解决现有技术存在的问题，本发明一实施例提供了一种监测页面的方法，如图1所示，该方法包括：
85.步骤s101、获取第一图片的第一明度，所述第一图片是在第一时间时对加载页面的第一终端进行截屏得到。
86.需说明的是，明度，又称为亮度。明度是色彩的三要素(三要素包括色相、明度和纯度)之一。不同颜色会有明暗的差异，相同颜色也会有明暗的深浅的变化。
87.步骤s102、在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度。
88.在该步骤中，具体实施时，采用现有截屏技术，在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片。另外，第二终端的操作系统可以是安卓系统，也可以是ios系统。
89.根据所述第二图片得到第二明度的具体实施方式在下文中进行了详细地介绍，在此不再赘述。
90.步骤s103、根据所述第一明度和所述第二明度确定所述页面是否加载异常；
91.其中，在所述第一时间时所述第一终端加载所述页面的已加载数据量小于在所述
第二时间时所述第二终端加载所述页面的已加载数据量。
92.在该步骤中，需说明的是，根据所述第一明度和所述第二明度确定所述页面是否加载异常的具体实施方式在下文中进行了详细地介绍，在此不再赘述。
93.在该实施例中，通常情况下，终端加载页面的已加载时长即代表了终端加载页面的已加载数据量，因而，具体实施时，在第一时间时第一终端加载页面的已加载时长小于在第二时间时第二终端加载页面的已加载时长。
94.具体地：t1＝t1-t2；
95.其中，t1表示在所述第一时间时所述第一终端加载所述页面的已加载时长，t1表示第一时间，t2表示所述第一终端开始加载所述页面的时间。
96.t2＝t3-t4；
97.其中，t2(即预设时长)表示在所述第二时间时所述第二终端加载所述页面的已加载时长，t3表示第二时间，t4表示所述第二终端开始加载所述页面的时间。
98.存在以下几种情况：
99.第一种情况：t1小于t2，t1晚于t2，且t3晚于t4；
100.第二种情况：t1小于t2，t1与t2相同，且t3晚于t4；
101.第三种情况：t1小于t2，t1、t2和t4均相同，且t3晚于t4。
102.可以根据用户最长等待时间设置t2。例如，t2设置为3秒。另外，t2可以与t4相同，t2也可以早于t4，t2也可以晚于t4。
103.第一终端与第二终端可以是同一终端，如此，监测的准确性最高。第一终端与第二终端可以是不同终端，但第一终端的规格型号与第二终端的规格型号相同，如此，监测的准确性较高。第一终端与第二终端可以是不同终端，第一终端的规格型号与第二终端的规格型号不同，如此，监测的准确性略差。
104.还需说明的是，第一终端加载完页面的时刻不能作为第一时间。
105.应理解的是，本发明实施例应用于第二终端，第二终端是任意一个终端。例如，手机或电脑等。
106.在本发明实施例中，根据所述第一明度和所述第二明度确定所述页面是否加载异常，包括：
107.判断所述第二明度是否低于所述第一明度；
108.若否，则确定所述页面加载异常；若是，则确定所述页面加载正常。
109.在该实施例中，如图2-图4所示，在页面开始加载时，终端通常是展示一张带有商标的白色底图、白色的底图或者灰色的底图。需说明的是，终端还可以展示一张带有商标的灰色底图。
110.如图5-图7所示，在页面加载完成时，终端展示多彩的页面。
111.由上述内容可知，在页面开始加载时，展示底图的终端中每个像素点的r值(r值表示红色通道的颜色值)、g值(g值表示绿色通道的颜色值)和b值(b值表示蓝色通道的颜色值)均接近于或等于255，因而，页面的明度接近于或者等于1，在此情况下，明度最高。在页面加载完成时，相较于在页面开始加载时，展示页面的终端中每个像素点的r值、g值和b值有所下降，因而，明度降低。众所周知，在页面加载异常时终端展示与在页面开始加载时终端展示相同。故而，通过明度变化即可快速确定页面是否加载。
112.下面以一具体例子说明该实施例：第一明度为1，第二明度为0.2。第二明度低于第一明度，因而，确定页面加载正常。
113.需说明的是，第二明度不可能高于第一明度，即只存在两种情况，一种情况：第二明度与第一明度相同；另一种情况：第二明度低于第一明度。
114.在该实施例中，通过明度是否降低，确定页面是否加载异常，进一步提高了对页面加载情况进行监测的实时性和便捷性，同时提高了监测的准确性。
115.在本发明实施例中，在确定所述页面加载异常之后，包括：
116.将所述第二图片作为页面加载异常信息，对所述页面加载异常信息进行上报。
117.在该实施例中，对页面加载异常信息进行上报，从而使工作人员通过第二图片分析页面加载异常的原因，并进行改正，以减少页面异常加载的情况，提高用户体验度。
118.在该实施例中，第二图片是对加载页面的第二终端进行截屏得到，第二图片直观呈现了页面的哪部分加载异常，哪部分加载正常，页面当前加载情况更详实，易于解决页面加载异常的问题。
119.在本发明实施例中，根据所述第二图片得到第二明度，包括：
120.对所述第二图片进行压缩，得到第三图片；
121.根据所述第三图片和明度计算方法，确定第二明度。
122.在该实施例中，具体实施时，采用现有压缩技术，对第二图片进行压缩，得到第三图片。另外，根据所述第三图片和明度计算方法，确定第二明度的具体实施方式在下文中进行了详细地介绍，在此不再赘述。再者，在确定页面加载异常之后，也可以将第三图片作为页面加载异常信息，对页面加载异常信息进行上报。
123.在该实施例中，对第二图片进行压缩，得到第三图片，根据第三图片和明度计算方法，确定第二明度，从而减少图片处理消耗的时间和计算量，进而减少监测所需计算量和监测所消耗的时间，提高了监测效率。
124.在本发明实施例中，根据所述第三图片和明度计算方法，确定第二明度，包括：
125.获取所述第三图片的每个像素点的r值、g值和b值；
126.根据所述第三图片的每个像素点的r值、g值和b值确定所述第三图片的r均值、g均值和b均值；
127.将所述第三图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
128.在该实施例中，具体实施时，第二终端的操作系统是ios系统，通过cfdataref bitmapdata＝cgdataprovidercopydata(cgimagegetdatap rovider(image.cgimage))，第二终端从第三图片获取第三图片的每个字节数据，从第三图片的每个字节数据获取第三图片的每个像素点的r值、g值和b值。
129.采用现有均值计算方法，根据第三图片的每个像素点的r值、g值和b值确定第三图片的r均值、g均值和b均值。
130.明度计算方法的表达式，包括：
131.y＝(0.299*r)+(0.587*g)+(0.114*b)。
132.将第三图片的r均值、g均值和b均值作为上述表达式的参数，通过所述明度计算方法计算得到第二明度。
133.在本发明实施例中，根据所述第二图片得到第二明度，包括：
134.获取所述第二图片的每个像素点的r值、g值和b值；
135.根据所述第二图片的每个像素点的r值、g值和b值确定所述第二图片的r均值，g均值和b均值；
136.将所述第二图片的r均值，g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
137.在该实施例中，该实施例的具体实施方式，与根据第三图片和明度计算方法确定第二明度的具体实施方式相同，仅是将第三图片替换为第二图片，在此不再赘述。
138.在本发明实施例中，所述第一时间包括：
139.所述第一终端开始加载所述页面的时间；
140.所述第二时间包括：
141.所述第二终端开始加载所述页面的时间与预设时长的和。
142.应理解的是，在不影响本发明实施例的情况下，本领域技术人员可以灵活设置第一时间和第二时间。例如，将第一终端开始加载所述页面的时间与第一预设时长(即t1)的和，作为第一时间；将第二终端开始加载所述页面的时间与第二预设时长(即t2)的和，作为第二时间。第一预设时长小于第二预设时长，第一预设时长的单位可以是毫秒，第二预设时长的单位可以是秒。若第一预设时长等于0，则第一终端开始加载页面的时间与第一时间相同。
143.在该实施例中，第一时间包括第一终端开始加载页面的时间，第二时间包括第二终端开始加载页面的时间与预设时长的和，如此，则第一图片相当于是在第二终端开始加载页面的时间时对加载页面的第二终端进行截屏得到，进一步提高了监测的准确性。
144.在本发明实施例中，所述第一终端开始加载所述页面的时间，包括：
145.所述第一终端中页面视图开始加载的时间，或者，所述第一终端中视图出现的时间。
146.在该实施例中，需说明的是，在应用程序中，每个页面均有生命周期，通常会有各种方法可以确定页面所处生命周期的哪个阶段。其中，第一终端开始加载页面的阶段，通过第一终端中页面视图开始加载(即webviewdidstartload)的时间或者第一终端中视图出现(viewdidappear)的时间确定。
147.为了解决现有技术存在的问题，本发明另一实施例提供了一种监测页面的方法，如图8所示。在该实施例中，第一终端和第二终端均是终端a，第一时间与终端a开始加载页面的时间相同。第二时间包括终端a开始加载页面的时间与预设时长的和。在第一时间时终端a加载页面的已加载数据量小于或等于在第二时间时终端a加载页面的已加载数据量。
148.该方法，包括：
149.步骤s801、在终端a开始加载页面的时间时，终端a对加载页面的终端a进行截屏，得到第一图片，根据第一图片得到第一图片的第一明度。
150.在该步骤中，具体实施时，终端a采用uiview的sanpshotviewafter screenupdates，对加载页面的终端a进行截屏，得到第一图片。
151.步骤s802、在第二时间时，终端a对加载页面的终端a进行截屏，得到第二图片，根据第二图片得到第二明度。
152.在该步骤中，具体实施时，在终端a开始加载页面的时间时，定时器开始计时，若定时器的计时时长等于预设时长，则终端a采用uiview的sanpshotviewafterscreenupdates，对加载页面的终端a进行截屏，得到第二图片，根据第二图片得到第二明度。
153.步骤s803、终端a根据第一明度和第二明度确定页面是否加载异常。
154.若第二明度低于第一明度，则确定页面加载正常，且在第一时间时终端a加载页面的已加载数据量小于在第二时间时终端a加载页面的已加载数据量。
155.若第二明度等于第一明度，则确定页面加载异常，且在第一时间时终端a加载页面的已加载数据量等于在第二时间时终端a加载页面的已加载数据量。
156.具体地，预设时长可以是3秒。
157.根据第一图片得到第一图片的第一明度的具体实施方式有两种。
158.一种具体实施方式包括：
159.获取第一图片的每个像素点的r值、g值和b值；
160.根据第一图片的每个像素点的r值、g值和b值确定第一图片的r均值、g均值和b均值；
161.将第一图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第一图片的第一明度。
162.另一种具体实施方式包括：
163.对第一图片进行压缩，得到第四图片；
164.获取第四图片的每个像素点的r值、g值和b值；
165.根据第四图片的每个像素点的r值、g值和b值确定第四图片的r均值、g均值和b均值；
166.将第四图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第一图片的第一明度。
167.为了解决现有技术存在的问题，本发明再一实施例提供了一种监测页面的方法。该方法包括：
168.在第一时间时，第一终端对加载页面的第一终端进行截屏，得到第一图片，根据第一图片得到第一图片的第一明度。
169.第一终端将第一图片的第一明度发送给服务器。服务器将第一图片的第一明度发送第二终端。
170.第二终端接收第一图片的第一明度。
171.在第二时间时，第二终端对加载页面的第二终端进行截屏，得到第二图片，根据第二图片得到第二明度；
172.第二终端根据第一明度和第二明度确定页面是否加载异常。
173.其中，第一终端与第二终端是不同终端，第一终端与第二终端的规格型号相同。第一终端开始加载页面的时间与第一时间相同；第二时间包括第二终端开始加载页面的时间与预设时长的和；在第一时间时第一终端加载页面的已加载数据量小于或等于在第二时间时第二终端加载页面的已加载数据量。
174.当然，第一终端也可以直接将第一图片的第一明度发送给第二终端。
175.对于一个纯html5(简称h5，html5是构建web内容的一种语言描述方式)页面的产
品或者含有h5页面的产品，功能无疑很重要，但良好的性能同样是用户所看重的。原本h5的加载性能就不及原始app，运行速度也容易受到网络影响。若用户页面在1秒到2秒之间才能显示出来，则用户还可以忍受；若用户页面在3秒后，甚至更久才能显示出来，则用户无法忍受。在电商活动火爆的场景下，近乎100％的活动页面均为h5页面，快速确定h5页面加载异常，精准定位并合理解决，势必可以一定程度上提高用户活跃性及相关转化。因而，现需要对页面加载情况进行监测，以便开发者进行相关优化。而本发明实施例可以应用于上述场景中，并实现快速确定h5页面是否加载异常。
176.为了解决现有技术存在的问题，本发明实施例提供了一种监测页面的装置，如图9所示，该装置包括：
177.获取单元901，用于获取第一图片的第一明度，所述第一图片是在第一时间时对加载页面的第一终端进行截屏得到。
178.第一处理单元902，用于在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度。
179.第二处理单元903，用于根据所述第一明度和所述第二明度确定所述页面是否加载异常；
180.其中，在所述第一时间时所述第一终端加载所述页面的已加载数据量小于在所述第二时间时所述第二终端加载所述页面的已加载数据量。
181.在本发明实施例中，第二处理单元903用于：
182.判断所述第二明度是否低于所述第一明度；
183.若否，则确定所述页面加载异常；若是，则确定所述页面加载正常。
184.在本发明实施例中，第二处理单元903用于：
185.在确定所述页面加载异常之后，将所述第二图片作为页面加载异常信息，对所述页面加载异常信息进行上报。
186.在本发明实施例中，第一处理单元902用于：
187.对所述第二图片进行压缩，得到第三图片；
188.根据所述第三图片和明度计算方法，确定第二明度。
189.在本发明实施例中，第一处理单元902用于：
190.获取所述第三图片的每个像素点的r值、g值和b值；
191.根据所述第三图片的每个像素点的r值、g值和b值确定所述第三图片的r均值、g均值和b均值；
192.将所述第三图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
193.在本发明实施例中，第一处理单元902用于：
194.获取所述第二图片的每个像素点的r值、g值和b值；
195.根据所述第二图片的每个像素点的r值、g值和b值确定所述第二图片的r均值、g均值和b均值；
196.将所述第二图片的r均值、g均值和b均值作为明度计算方法的参数，通过所述明度计算方法计算得到第二明度。
197.在本发明实施例中，所述第一时间包括：
198.所述第一终端开始加载所述页面的时间；
199.所述第二时间包括：
200.所述第二终端开始加载所述页面的时间与预设时长的和。
201.在本发明实施例中，所述第一终端开始加载所述页面的时间，包括：
202.所述第一终端中页面视图开始加载的时间，或者，所述第一终端中视图出现的时间。
203.应理解的是，本发明实施例提供的监测页面的装置的各部件所执行的功能已经在上述实施例一种监测页面的方法中做了详细的介绍，这里不再赘述。
204.图10示出了可以应用本发明实施例的监测页面的方法或监测页面的装置的示例性系统架构1000。
205.如图10所示，系统架构1000可以包括终端设备1001、1002、1003，网络1004和服务器1005。网络1004用以在终端设备1001、1002、1003和服务器1005之间提供通信链路的介质。网络1004可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
206.用户可以使用终端设备1001、1002、1003通过网络1004与服务器1005交互，以接收或发送消息等。终端设备1001、1002、1003上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
207.终端设备1001、1002、1003可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
208.服务器1005可以是提供各种服务的服务器，例如对用户利用终端设备1001、1002、1003所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息
--
仅为示例)反馈给终端设备。
209.需要说明的是，本发明实施例所提供的监测页面的方法一般由终端设备执行，相应地，监测页面的装置一般设置于终端设备中。
210.应该理解，图10中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
211.下面参考图11，其示出了适于用来实现本发明实施例的终端设备的计算机系统1100的结构示意图。图11示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
212.如图11所示，计算机系统1100包括中央处理单元(cpu)1101，其可以根据存储在只读存储器(rom)1102中的程序或者从存储部分1108加载到随机访问存储器(ram)1103中的程序而执行各种适当的动作和处理。在ram 1103中，还存储有系统1100操作所需的各种程序和数据。cpu 1101、rom 1102以及ram 1103通过总线1104彼此相连。输入/输出(i/o)接口1105也连接至总线1104。
213.以下部件连接至i/o接口1105：包括键盘、鼠标等的输入部分1106；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分1107；包括硬盘等的存储部分1108；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分1109。通信部分1109经由诸如因特网的网络执行通信处理。驱动器1110也根据需要连接至i/o接口1105。可拆卸介
质1111，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1110上，以便于从其上读出的计算机程序根据需要被安装入存储部分1108。
214.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1109从网络上被下载和安装，和/或从可拆卸介质1111被安装。在该计算机程序被中央处理单元(cpu)1101执行时，执行本发明的系统中限定的上述功能。
215.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
216.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个单元、程序段、或代码的一部分，上述单元、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
217.描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、第一处理单元和第二处理单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一处理单元还可以被描述为“在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度的单元”。
218.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算
机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取第一图片的第一明度，所述第一图片是在第一时间时对加载页面的第一终端进行截屏得到；在第二时间时对加载所述页面的第二终端进行截屏，得到第二图片，根据所述第二图片得到第二明度；根据所述第一明度和所述第二明度确定所述页面是否加载异常；其中，在所述第一时间时所述第一终端加载所述页面的已加载数据量小于在所述第二时间时所述第二终端加载所述页面的已加载数据量。
219.根据本发明实施例的技术方案，获取第一图片的第一明度，第一图片是在第一时间时对加载页面的第一终端进行截屏得到；在第二时间时对加载页面的第二终端进行截屏，得到第二图片，根据第二图片得到第二明度；根据第一明度和第二明度确定页面是否加载异常；在第一时间时第一终端加载页面的已加载数据量小于在第二时间时第二终端加载页面的已加载数据量。无需等待信息收集够量或者到达预设时间，也无需上报并分析，也无需进行数据埋点，通过第一明度和第二明度即可确定页面是否加载异常，提高了对页面加载情况进行监测的实时性和便捷性。
220.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。