能否通过JavaScript从客户端检测外部域名的可用性？

由于CORS策略限制了跨域读取响应内容，但我们只需要判断域名是否可达、不需要获取资源内容，因此可以通过以下几种避开CORS限制的方式实现：

1. 利用图片资源加载状态检测 #

图片资源的加载不受CORS的严格限制，只要域名可达且目标资源能被请求（即使返回404以外的状态码），就能通过加载/错误事件判断域名可用性。

function checkDomainAvailability(domain) {
  return new Promise((resolve) => {
    const img = new Image();
    // 选择目标域名大概率存在的资源（如favicon），加时间戳避免缓存干扰
    img.src = `https://${domain}/favicon.ico?${Date.now()}`;
    
    img.onload = () => resolve(true);
    img.onerror = () => resolve(false);
    
    // 设置超时，避免长时间等待无响应的情况
    setTimeout(() => resolve(false), 5000);
  });
}

// 调用示例
checkDomainAvailability('example.com').then(available => {
  console.log(available ? '域名可正常访问' : '域名不可访问');
});

注意：如果目标域名没有favicon资源，可替换为/robots.txt这类几乎所有网站都会有的资源，减少误判。

2. 通过<link>预加载标签检测 #

和图片原理一致，利用资源预加载的事件监听来判断，同样无需处理CORS：

function checkDomainReachable(domain) {
  return new Promise((resolve) => {
    const link = document.createElement('link');
    link.rel = 'preload';
    link.href = `https://${domain}/robots.txt?${Date.now()}`;
    link.as = 'text';
    
    link.onload = () => {
      link.remove();
      resolve(true);
    };
    link.onerror = () => {
      link.remove();
      resolve(false);
    };
    
    setTimeout(() => {
      link.remove();
      resolve(false);
    }, 5000);
    
    document.head.appendChild(link);
  });
}

3. WebRTC连接尝试（兼容性有限） #

WebRTC可以尝试建立STUN连接来检测域名可达性，不需要读取任何响应内容，但部分浏览器可能存在限制：

function checkWithWebRTC(domain) {
  return new Promise((resolve) => {
    const peerConnection = new RTCPeerConnection();
    peerConnection.addIceServer({ urls: `stun:${domain}` });
    
    peerConnection.onicecandidateerror = () => {
      peerConnection.close();
      resolve(false);
    };
    
    peerConnection.createOffer().then(offer => peerConnection.setLocalDescription(offer));
    
    // 超时后默认认为域名可达，可根据实际场景调整逻辑
    setTimeout(() => {
      peerConnection.close();
      resolve(true);
    }, 3000);
  });
}

核心注意事项 #

• 所有方法都通过资源加载状态判断，完全避开了CORS对响应内容读取的限制，符合需求。
• 必须添加时间戳参数，避免浏览器缓存之前的请求结果，导致检测不准确。
• 存在少量误判可能（比如域名可达但目标资源不存在），因此尽量选择目标域名必然存在的通用资源。

内容的提问来源于stack exchange，提问作者kim_Soal