CN114124919A

CN114124919A - 网络状况的检测方法、装置、计算机设备和存储介质

Info

Publication number: CN114124919A
Application number: CN202111439178.2A
Authority: CN
Inventors: 王潇
Original assignee: Ping An Life Insurance Company of China Ltd
Current assignee: Ping An Life Insurance Company of China Ltd
Priority date: 2021-11-29
Filing date: 2021-11-29
Publication date: 2022-03-01
Anticipated expiration: 2041-11-29
Also published as: CN114124919B

Abstract

本发明属于计算机网络技术领域，涉及一种网络状况的检测方法、装置、计算机设备和存储介质，所述检测方法包括如下步骤：初始化当前网络速度值；根据当前的网络速度初始值，监控当前页面的所有图片加载，动态调整当前的网络速度值；监控当前页面的所有异步网络请求，动态调整当前的网络速度值；在后续的网络资源加载中，根据动态更新后的网路速度值，判断网络状况。本发明能够真实反映网络速度值，并且检测花费代价小、复用率高。同时，本发明还涉及区块链技术。

Description

网络状况的检测方法、装置、计算机设备和存储介质

技术领域

本发明属于计算机网络技术领域，具体涉及一种网络状况的检测方法、装置、计算机设备和存储介质。

背景技术

在Web页面中，需要访问各种网络资源。在微博等Feed流，或者运营活动页面中，这些网络资源的类型大部分都是图片，为了客户端的显示质量，这些图片大多采用2倍图，甚至是3倍图。但这些倍数图片同时也占用了更多的网络资源，在弱网环境下，这些图片会加载不出来，影响移动终端上的体验。

过去Web页面中加载网络图片资源，通常采取的策略是，判断网络环境，如果是Wi-Fi环境，则加载多倍图片资源，如果是3G或4G环境，则加载普通的1倍图。但随着移动网络速度的提升甚至5G的到来，以及流量费用的下降，对图片资源的正确显示策略变为了判断网络状况：在停车场、电梯等低网速状况下显示普通的1倍图；在高网速状况下显示多倍高清图。

因此，当前网络状况的检测开始变得重要。另外，在Web页面的文件上传中，如果网络很差，需要提示用户预估上传剩余时间较长，这种场景下也需要当前网络状况的检测。

浏览器中提供了网络链接状态对象NetworkInformation API,其中包括两个能反映网络状况的参数：rtt和downlink；rtt是网络连接预估往返时间，单位为毫秒，值越小代表网速越快；downlink是带宽预估至，单位为Mbit/s，值越大代表速度越快，即信道上可以传输更多的数据。

现有网络检测技术，通常有3种方式：

(1)通过浏览器提供的网络连接状态对象NetworkInformation中的网络下行速度信息downlink等API，获取当前的网络状况。这种方式存在的问题是，其中的下行速度值并不是用户当前真实的网络传输速度，而是网络的带宽，而网络带宽并与实际下载速度并没有直接关系，比如网络带宽再高，访问没有会员的百度网盘资源速度依然会很慢。另外一个API是网络连接状态对象中的估算往返时间rtt，是请求预估延迟，此预估延迟并不是实时的返回值，而是有分钟级别的间隔，另外在实践中，有时返回了0毫秒延迟，但实际已经断网，因此也无法作为真实网络状况的判断依据。

(2)借助img图片对象加载测算网速。这种方式不会受到跨域的影响，但存在的缺点有3个：需要额外计算图片文件的大小、文件只能图片、文件大小不能灵活控制。

(3)异步请求测速。通过浏览器发起Ajax异步请求测速，优点是不需要额外计算文件大小，因为从返回的响应头中可以获得文件大小信息。另外一个优点是，文件格式可以为图片以外的其他格式，数据量灵活控制。缺点是存在跨域问题。

另外，通过查阅浏览器标准的相关文档，网络连接状态对象NetworkInformation只在部分浏览器环境下支持，常见的如下：

(1)微软的Edge浏览器79版本以上，支持NetworkInformation API中的navigator.connection的部分属性；79版本以下不支持此API。

(2)谷歌的Chrome浏览器61版本以上，支持NetworkInformation API中的navigator.connection的部分属性；760及以下的版本不支持此API。

(3)苹果的Safari浏览器在移动端和桌面端都不支持NetworkInformation API中的navigator.connection。

(4)安卓5.0版本的移动端浏览器以上，支持NetworkInformation API中的navigator.connection的部分属性；4.4及以下的版本不支持此API。

综上，基于网络连接状态对象等API方式得到的网络状况只可以参考，无法精准的反应真实的网络状况，但我们可以先尝试采用网络连接状态对象的downlink等API测速。一般来说，通过请求文件测算网速，单次会有误差，所有我们通过多次使用异步请求测速，最终计算均值。通过结合两种方式的各自优势，最终获得一个接近真实网络速度的结果。

发明内容

本发明的技术解决问题是：针对现有技术的不足，提供一种网络状况的检测方法、装置、计算机设备和存储介质。

本发明的技术解决方案是：

本发明提供的一种网络状况的检测方法，包括如下步骤：

初始化当前网络速度值；

根据当前的网络速度初始值，监控当前Web页面的所有图片加载速度，根据图片文件的大小值和加载时间动态调整当前的网络速度值；

监控当前Web页面的所有异步网络请求，根据所述异步网络请求的消息长度和完成时间动态调整当前的网络速度值；

在网络资源加载中，根据所述图片加载速度或者所述异步网络请求动态更新后的网络速度值，判断网络状况。

所述初始化当前网络速度值的步骤，进一步包括：

判断当前浏览器是否支持网络连接状态对象NetworkInformation的API；

若当前浏览器不支持网络连接状态对象NetworkInformation的API，则初始化网络速度值为0KB/s；

若当前浏览器支持网络连接状态对象NetworkInformation的API，则设置网络初始值为：网络连接状态对象中的网络下行速度downlink*1024/8,单位为KB/s。

所述根据当前的网络速度初始值，监控当前Web页面的所有图片加载速度，根据图片文件的大小值和加载时间动态调整当前的网络速度值的步骤，进一步包括：

记录图片加载前的时间值start；

图片加载完成后，记录加载后的时间值end；

计算图片文件的大小值fileSize；

更新当前的网络速度值为：fileSize/(end-start),单位为KB/s。

所述计算图片文件大小值fileSize的方法为：

建立一个服务器交互对象XMLHttpRequest；

当服务器交互状态变化时，判断当前状态的图片下载操作是否已完成；

若图片下载已完成，则读取服务器返回信息中响应头的字符串，提取字符串中消息长度size，单位为字节；

得到图片文件的大小值为：size*1000，单位为KB。

所述监控当前Web页面的所有异步网络请求，根据所述异步网络请求的消息长度和完成时间动态调整当前的网络速度值的步骤，进一步包括：

记录所述异步网络请求前的时间值start；

所述异步网络请求成功后，记录结束时间值end；

获得响应头中的实体消息首部值size，单位为字节；

更新当前的网络速度值为：size*1000/(end-start),单位为KB/s。

所述在网络资源加载中，根据所述图片加载速度或者所述异步网络请求动态更新后的网路速度值，判断网络状况的步骤之后，还包括：

根据当前的网络状况，决定图片加载为多倍图或者1倍图。

本发明提供的一种网络状况的检测装置，包括：

初始化模块，用于初始化当前网络速度值；

第一监控更新模块，用于根据当前的网络速度初始值，监控当前Web页面的所有图片加载速度，根据图片文件的大小值和加载时间动态调整当前的网络速度值；

第二监控更新模块，用于监控当前Web页面的所有异步网络请求，根据所述异步网络请求的消息长度和完成时间动态调整当前的网络速度值；

判断模块，用于在网络资源加载中，根据所述图片加载速度或者所述异步网络请求动态更新后的网路速度值，判断网络状况。

进一步地，所述检测装置还包括：

决策模块，用于根据当前的网络状况，决定图片加载为多倍图或者1倍图。

本发明实施例提供的一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行上述网络状况的检测方法的步骤。

本发明实施例提供的一种存储介质，存储有能够实现上述网络状况的检测方法的程序文件。

本发明的有益效果是：

(1)本发明提供的一种网络状况的检测方法，能够根据当前环境下的图片加载场景，计算图片的网络加载速度，使用本发明提供的检测方法判断，更加真实地反馈了图片加载的网络速度值。

(2)在网络环境发生变化时，能够实时更新网络速度值的动态。同时本发明提供的检测方法是在页面中已有的网络请求中，加入检测的逻辑，并不需要添加独立的网络测速模块，检测花费的代价小，复用率高。

(3)在代码实现上，本发明提供的检测方法没有使用任何浏览器新推出的API标准，做到了对已有版本的良好兼容；即使遇到不兼容网络连接状态对象API的浏览器，也做了兼容处理，因此本发明提供的检测方法在对于各种浏览器环境的兼容性也更好。

(4)通过本发明提供的检测方法，获取到了可信的网络图片加载速度值，从而根据网络速度的情况去执行不同的图片加载策略，保证了用户的Web页面浏览体验。

(5)此外，本发明提供的检测方法获得的网络速度值，还可以应用到其他需要判断网络速度的场景。

附图说明

图1是本发明提供的网络状况的检测方法的流程图。

图2是本发明一个实施例中的计算机设备的结构示意图。

图3是本发明一个实施例中的存储介质的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，本发明实施例提供的一种网络状况的检测方法，具体步骤如下：

1、初始化当前网络速度值。

判断当前浏览器是否支持网络连接状态对象NetworkInformation的API。

若当前浏览器支持网络连接状态对象NetworkInformation的API，由于网络连接状态对象中的网络下行速度downlink的数值单位为Mbit每秒，需要转换为KB每秒，根据转换后的值设置的网络初始值为：网络连接状态对象中的网络下行速度downlink*1024/8,单位为KB/s。

2、根据当前的网络速度初始值，监控当前页面的所有图片加载，动态调整当前的网络速度值。

其中，该步骤的监控更新算法为：首先记录图片加载前的时间值(start)，然后在图片加载完成事件回调中，记录加载后的时间值(end)，并计算图片文件的大小值(fileSize，单位为KB)，最后，更新当前的网络速度值为：fileSize/(end-start),单位为KB/s。

其中，计算图片文件大小值fileSize的方法为：

首先建立一个新的服务器交互对象XMLHttpRequest；

当交互状态变化时，判断当前是否是图片下载操作已完成的状态；

若图片下载已完成，则读取服务器返回信息中响应头的字符串，提取字符串中的消息长度size(即Content-Length字段)，单位为字节。

最终得到图片文件的大小值为：size*1000，单位为KB。

3、监控当前页面的所有异步网络请求，动态调整当前的网络速度值。

其中，该步骤的监控更新算法为：首先记录异步网络请求前的时间值(start)，在异步网络请求成功的回调事件中记录结束时间值(end)，然后获得响应头中的实体消息首部值size(单位为字节)，最后更新当前的网络速度值为：size*1000/(end-start),单位为KB/s。

4、在后续的网络资源加载中，根据动态更新后的网路速度值，判断网络状况。

5、进一步地，根据当前的网络状况，决定图片加载为多倍图或者1倍图。

本发明实施例提供的网络状况的检测方法，可以达到如下技术效果：

能够根据当前环境下的图片加载场景，计算图片的网络加载速度，使用这种方式判断，更加真实地反馈了图片加载的网络速度值。

在网络环境发生变化时，也做到了网络速度值的动态实时更新。同时这种检测方案是在页面中已有的网络请求中，加入检测的逻辑，并不需要添加独立的网络测速模块，检测花费的代价小，复用率高。

在代码实现上，本发明的检测方法并没有使用任何浏览器新推出的API标准，做到了对已有版本的良好兼容，即使遇到不兼容网络连接状态对象API的浏览器，也做了兼容处理，因此这种方案在对于各种浏览器环境的兼容性也更好。

采用本发明提供的Web页面中网络状况的检测方案，获取到了可信的网络图片加载速度值，从而根据网络速度的情况去执行不同的图片加载策略，保证了用户的Web页面浏览体验。

此外，本发明提供的检测方案获得的网络速度值，还可以应用到其他需要判断网络速度的场景。

在一个实施例中，一种网络状况的检测方法，包括如下步骤：

1、从客户端发起对网址的请求，并页面打开时，且图片和请求尚未发起前，已经进入浏览器环境，因此，在浏览器兼容的情况下，可以读取到浏览器环境中的网络连接状态API。以此API提供的信息，来初始化当前网络速度值，具体算法如下：

(1)当前浏览器是否兼容网络连接状态API方法：navigator.connection，如果支持，首先获得navigator.connection中的downlink属性值。单位为兆比特每秒(Mbit/s)，为了统一单位，需要转换为KB/s。转换过程为：字节转KB需要乘以1024，1个字节等于8个比特，因此在这种情况下，网络初始值为：navigator.connection.link*1024/8。

(2)如果当前的浏览器不支持网络连接状态API方法：navigator.connection，则设置网络初始速度值为0KB/s。

2、在已知当前的网络速度初始值的情况下，如果页面中存在图片元素，即浏览器中HTML页面中代表图片的img标签，客户端会根据img标签中的src信息，即图片资源的URL地址，对服务端请求对应的图片资源，通过利用img标签提供的onload事件方法，我们可以实现监控当前页面的所有图片加载，从而通过算法动态调整当前的网络速度值，具体算法如下：

(1)首先记录图片加载前的时间值，记为start。

(2)在图片加载完成事件回调onload中记录加载后的时间值，记为end，并计算图片文件的大小值，记为fileSize(单位为KB)。

(3)更新当前的网络速度值为：fileSize/(end–start),单位为KB/s。

3、监控当前页面的客户端对服务端所有异步网络请求，页面在被用户访问时，通常会通过异步网络请求获取服务端的数据。如果页面中存在异步请求，我们可以借助客户端的这种请求，动态调整当前的网络速度值，具体更新算法如下：

(1)记录请求前的时间值，记为start，在请求成功的回调事件onreadystatechange中记录结束时间值，记为end。

(2)获得响应头中的Content-Length值，记为size，单位为字节。

(3)更新当前的网络速度值为：size*1000/(end-start),单位为KB/s。

4、在后续的客户端对服务端发起的网络资源加载中，根据上述2与3步骤，动态更新，最终得到实时的网络速度值，我们将这个值记为：speed，从而实现了检测网络状况的方法。

5、网络状况可以划分为3类：弱速度网、中等速度网络和高速网络，根据当前的网络状况的类型，决定图片加载为1倍图或者多倍图，具体判断方法如下：

(1)如果网络速度值speed小于30KB/s，判定当前环境为弱网络环境，此时应该加载1倍图。

(2)如果网络速度大于30KB/s且小于300KB/s，判断当前环境为正常移动网络环境，网络速度中等，此时应该加载2倍图。

(3)如果网络速度大于300KB/s，判断当前环境为WiFi网络或高速移动网络，此时应该加载3倍图。

本发明实施例提供的一种网络状况的检测装置，该检测装置包括：

初始化模块，用于初始化当前网络状况的速度值，在客户端的浏览器环境中完成了初始化过程，初始化中考虑到了API方法的兼容性，并给出了兜底的默认应对方案；

第一监控更新模块，用于根据当前的网络速度初始值，监控当前页面的所有图片加载，动态调整当前的网络速度值，本步骤中，将Web分为客户端和服务端，客户端主要是指在用户的使用和观看设备，服务端则是存放网络图片媒体资源的设备。客户端通过请求服务端的图片资源，使用算法更新了网络状况的速度值；

第二监控更新模块，用于监控当前页面的所有异步网络请求，动态调整当前的网络速度值，本步骤中，我们将Web分为客户端和服务端，客户端主要指用户发起接口请求的设备，用户通过浏览交互和请求数据的方式，发起异步网络请求；服务端则是存放数据和文件的设备。客户端所产生的请求，服务端接收到后进行响应，在一次请求结束后，执行算法更新了网络状况的速度值。

判断模块，用于在后续的网络资源加载中，根据检测算法的2与3步骤，交替动态更新的网路速度值，不断接近真实的网络速度，最终输出具体的网络状况速度值。

进一步地，所述检测装置还包括：

决策模块，由于市面上的手机分辨率越来越高，比如视网膜屏幕的普及，为了在屏幕上显示的图片尽可能清晰，图片素材资源会提供2倍或3倍大小的高清晰度版本。但随着这种高清晰度的增加，图片的占用存储大小也成倍增加，需要满足要求的网络带宽支持，在网络速度满足的时候才会考虑，而在弱网络环境下，依然希望加载1倍图。通过上文中网络速度检测算法1～4步骤，已经可以算出当前的网络状况速度值，在此前提下，制定了一种用于决定图片加载类型的策略，这种策略将网络状况划分为弱、中、强三种类型，分别在不同类型下，加载为1倍图、2倍图或3倍图。

请参考图2，图2为本发明实施例的计算机设备的结构示意图。该计算机设备200包括处理器201以及与处理器201电连接的存储器202。

存储器202存储有用于实现上述任一实施例所述Web页面中网络状况的检测方法的程序指令。

处理器201用于执行存储器202存储的程序指令。

其中，处理器201还可以称为CPU(Central Processing Unit，中央处理单元)。处理器201可能是一种集成电路芯片，具有信号的处理能力。处理器201还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

参阅图3，图3为本发明实施例的存储介质的结构示意图。本发明实施例的存储介质存储有能够实现上述所有方法的程序文件301，其中，该程序文件301可以以软件产品的形式存储在上述存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施方式所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质，或者是计算机、服务器、手机、平板等终端设备。

同时，本发明还涉及区块链技术。在一个可选的实施方式中，还可以将所述网络状况的检测方法的程序指令上传至区块链，保证其安全性和对用户的公正透明性。用户可以从区块链中下载得到该程序指令，以便查证所述网络状况的检测方法的程序指令是否被篡改。本示例所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims

1.一种网络状况的检测方法，包括如下步骤：

初始化当前网络速度值；

2.根据权利要求1所述的一种网络状况的检测方法，其特征在于，所述初始化当前网络速度值的步骤，进一步包括：

3.根据权利要求2所述的一种网络状况的检测方法，其特征在于，所述根据当前的网络速度初始值，监控当前Web页面的所有图片加载速度，根据图片文件的大小值和加载时间动态调整当前的网络速度值的步骤，进一步包括：

记录图片加载前的时间值start；

图片加载完成后，记录加载后的时间值end；

计算图片文件的大小值fileSize；

更新当前的网络速度值为：fileSize/(end-start),单位为KB/s。

4.根据权利要求3所述的一种网络状况的检测方法，其特征在于，所述计算图片文件大小值fileSize的方法为：

建立一个服务器交互对象XMLHttpRequest；

得到图片文件的大小值为：size*1000，单位为KB。

5.根据权利要求2所述的一种网络状况的检测方法，其特征在于，所述监控当前Web页面的所有异步网络请求，根据所述异步网络请求的消息长度和完成时间动态调整当前的网络速度值的步骤，进一步包括：

记录所述异步网络请求前的时间值start；

所述异步网络请求成功后，记录结束时间值end；

获得响应头中的实体消息首部值size，单位为字节；

更新当前的网络速度值为：size*1000/(end-start),单位为KB/s。

6.根据权利要求1所述的一种网络状况的检测方法，其特征在于，所述在网络资源加载中，根据所述图片加载速度或者所述异步网络请求动态更新后的网路速度值，判断网络状况的步骤之后，还包括：

根据当前的网络状况，决定图片加载为多倍图或者1倍图。

7.一种网络状况的检测装置，其特征在于，包括：

初始化模块，用于初始化当前网络速度值；

8.根据权利要求7所述的一种网络状况的检测装置，其特征在于，所述检测装置还包括：

9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如权利要求1至6中任一项所述的网络状况的检测方法的步骤。

10.一种存储介质，其特征在于，存储有能够实现如权利要求1-6中任一项所述的网络状况的检测方法的程序文件。