js 实现ping
在JavaScript中实现类似ping的功能通常需要借助网络请求（如HTTP或WebSocket），因为浏览器环境无法直接发送ICMP请求（传统ping使用的协议）。以下是几种常见的方法：
使用fetch或XMLHttpRequest检测网络可达性
通过发送HTTP请求到目标URL并测量响应时间，模拟ping的效果。注意跨域限制需通过CORS或代理解决。
async function pingURL(url) {
const start = performance.now();
try {
const response = await fetch(url, { method: 'HEAD', mode: 'no-cors' });
const end = performance.now();
return { success: true, time: Math.round(end - start) };
} catch (error) {
return { success: false, error: error.message };
}
}
// 使用示例
pingURL('https://example.com').then(result => console.log(result));使用Image对象检测资源加载时间
适用于不需要严格HTTP响应的场景，如图片加载。
function pingImage(url) {
return new Promise((resolve) => {
const img = new Image();
const start = Date.now();
img.onload = () => resolve({ success: true, time: Date.now() - start });
img.onerror = () => resolve({ success: false });
img.src = `${url}?t=${Date.now()}`; // 避免缓存
});
}使用WebSocket测量延迟
适用于需要持续监控的场景（如游戏服务器）。
function pingWebSocket(url) {
return new Promise((resolve) => {
const socket = new WebSocket(url);
const start = Date.now();
socket.onopen = () => {
const time = Date.now() - start;
socket.close();
resolve({ success: true, time });
};
socket.onerror = () => resolve({ success: false });
});
}注意事项
- 跨域限制：浏览器安全策略会阻止跨域请求，除非目标服务器配置了CORS或使用代理。
- 准确性：HTTP请求的延迟包含服务器处理时间，非纯粹网络延迟。
- Node.js环境：在Node.js中可通过
net或dgram模块实现更底层的网络检测。
以上方法均无法完全替代系统级的ping命令，但可满足大多数前端场景的网络检测需求。
