js实现ping网络

在JavaScript中实现类似"ping"的网络检测功能，可以通过以下方法实现。由于浏览器安全限制，无法直接使用ICMP协议，但可通过HTTP请求或WebSocket模拟网络延迟检测：

使用XMLHttpRequest测量请求耗时

function pingWithXHR(url) {
    const start = performance.now();
    const xhr = new XMLHttpRequest();
    xhr.open('HEAD', url);
    xhr.onload = function() {
        const latency = performance.now() - start;
        console.log(`Network latency: ${latency.toFixed(2)}ms`);
    };
    xhr.onerror = function() {
        console.error('Request failed');
    };
    xhr.send();
}

使用Fetch API实现

async function pingWithFetch(url) {
    try {
        const start = performance.now();
        const response = await fetch(url, { method: 'HEAD' });
        const latency = performance.now() - start;
        return { status: response.status, latency };
    } catch (error) {
        return { error: error.message };
    }
}

使用Image对象检测可达性

function pingWithImage(url) {
    return new Promise((resolve) => {
        const img = new Image();
        const start = Date.now();
        img.onload = function() {
            resolve(Date.now() - start);
        };
        img.onerror = function() {
            resolve(false);
        };
        img.src = url + '?t=' + Date.now();
    });
}

使用WebSocket测量连接时间

function pingWithWebSocket(url) {
    return new Promise((resolve) => {
        const start = performance.now();
        const ws = new WebSocket(url);
        ws.onopen = function() {
            const latency = performance.now() - start;
            ws.close();
            resolve(latency);
        };
        ws.onerror = function() {
            resolve(false);
        };
    });
}

注意事项

• 跨域请求需要服务器配置CORS
• 测量结果包含HTTP协议开销，非纯网络延迟
• 频繁请求可能被服务器限制
• 对于HTTPS网站，需使用相同协议的安全连接

这些方法各有优缺点，XMLHttpRequest和Fetch API适合测量API端点，Image方式适合检测静态资源可用性，WebSocket适合实时应用。根据实际需求选择合适方案。