当前位置：首页 > JavaScript

js 实现ping

2026-02-01 23:25:42JavaScript

在JavaScript中实现类似网络ping的功能可以通过多种方式实现，但由于浏览器安全限制，无法直接使用ICMP协议（传统ping的底层协议）。以下是几种替代方案：

使用XMLHttpRequest或Fetch API测量延迟

通过发送HTTP请求到目标服务器并计算响应时间，模拟ping的效果：

function httpPing(url, callback) {
  const start = performance.now();
  fetch(url, { method: 'HEAD', mode: 'no-cors' })
    .then(() => {
      const latency = performance.now() - start;
      callback(null, latency);
    })
    .catch(err => callback(err));
}

// 使用示例
httpPing('https://example.com', (err, latency) => {
  if (err) console.error('Ping failed:', err);
  else console.log(`Latency: ${latency.toFixed(2)}ms`);
});

使用WebSocket测量连接时间

对于支持WebSocket的服务，可以测量初始连接时间：

function wsPing(url, callback) {
  const start = performance.now();
  const ws = new WebSocket(url);

  ws.onopen = () => {
    const latency = performance.now() - start;
    ws.close();
    callback(null, latency);
  };

  ws.onerror = (err) => callback(err);
}

// 使用示例
wsPing('wss://echo.websocket.org', (err, latency) => {
  if (err) console.error('WS Ping failed:', err);
  else console.log(`WS Latency: ${latency.toFixed(2)}ms`);
});

使用Image对象测量加载时间

通过图片加载时间检测网络状况：

function imgPing(url, callback) {
  const img = new Image();
  const start = performance.now();

  img.onload = img.onerror = () => {
    const latency = performance.now() - start;
    callback(null, latency);
  };

  img.src = url + '?t=' + Date.now(); // 避免缓存
}

// 使用示例
imgPing('https://example.com/favicon.ico', (err, latency) => {
  if (err) console.error('Image Ping failed:', err);
  else console.log(`Image Latency: ${latency.toFixed(2)}ms`);
});

注意事项

所有方法都受同源策略限制，跨域请求需要服务器配置CORS
测量结果包含HTTP协议开销，非纯网络层延迟
频繁请求可能触发服务器速率限制
对于Node.js环境，可以使用net模块或第三方包如net-ping实现更底层的ping功能

Node.js实现（需管理员权限）

在Node.js中可以使用原始套接字实现ICMP ping：

const { exec } = require('child_process');

function systemPing(host, callback) {
  exec(`ping -c 1 ${host}`, (error, stdout) => {
    if (error) return callback(error);
    const match = stdout.match(/time=(\d+\.?\d*) ms/);
    callback(null, match ? parseFloat(match[1]) : null);
  });
}

// 使用示例
systemPing('example.com', (err, latency) => {
  if (err) console.error('Ping failed:', err);
  else console.log(`ICMP Latency: ${latency}ms`);
});

js 实现ping