MoreHookuseNetwork
获取当前网络状态
Demo
当前网络状态:
在线与不在线最后改变时间:
网络是否为在线:
当前连接下评估的往返时延:
设备使用与所述网络进行通信的连接的类型:
有效带宽估算（单位：兆比特/秒）:
最大下行速度（单位：兆比特/秒）:
用户代理是否设置了减少数据使用的选项:
网络连接的类型:
Usage
html
<template>
<div>
<p>当前网络状态:</p>
<p>在线与不在线最后改变时间: {{ state.since }}</p>
<p>网络是否为在线: {{ state.online }}</p>
<p>当前连接下评估的往返时延: {{ state.rtt }}</p>
<p>设备使用与所述网络进行通信的连接的类型: {{ state.type }}</p>
<p>有效带宽估算（单位：兆比特/秒）: {{ state.downlink }}</p>
<p>最大下行速度（单位：兆比特/秒）: {{ state.downlinkMax }}</p>
<p>用户代理是否设置了减少数据使用的选项: {{ state.saveData }}</p>
<p>网络连接的类型: {{ state.effectiveType }}</p>
</div>
</template>
<script lang="ts" setup>
import { useNetwork } from '@morehook/core'
const state = useNetwork()
</script>
Type Declarations
typescript
/**
* since: 在线与不在线最后改变时间
* online: 网络是否为在线
* rtt: 当前连接下评估的往返时延
* type: 设备使用与所述网络进行通信的连接的类型
* downlink: 有效带宽估算（单位：兆比特/秒）
* downlinkMax: 最大下行速度（单位：兆比特/秒）
* saveData: 用户代理是否设置了减少数据使用的选项
* effectiveType: 网络连接的类型
*/
export interface NetworkState {
since?: number | Date
online?: boolean
rtt?: number
type?: string
downlink?: number
saveData?: boolean
downlinkMax?: number
effectiveType?: string
}
/**
* 获取当前网络状态
* @returns NetworkState
*/
export declare function useNetwork(): {}