我想使用客户端 Javascript 来执行从客户端计算机上看到的 DNS 查找（主机名到 IP 地址）。这可能吗？
【问题讨论】：
标签： javascript dns
编辑：这个问题让我很痒，所以我在 Google App Engine 上建立了一个 JSONP 网络服务，它返回客户端的 IP 地址。用法：
<script type="application/javascript">
function getip(json){
alert(json.ip); // alerts the ip address
}
</script>
<script type="application/javascript" src="http://jsonip.appspot.com/?callback=getip"> </script>
是的，不需要服务器代理。
纯 JS 不能。如果您在同一域下有一个服务器脚本可以将其打印出来，您可以发送 XMLHttpRequest 来读取它。
【讨论】：
我知道很久以前有人问过这个问题，但我想我会提供一个更新的答案。
您可以通过 HTTPS 向支持它的 DNS 解析器发送 DNS 查询。 DOH 标准在RFC 8484 中描述。
这与所有其他答案所暗示的类似，只是 DoH 实际上是基于 HTTPS 的 DNS 协议。它也是一个“提议的”互联网标准，并且变得非常流行。例如，一些主流浏览器要么支持它，要么计划支持它（Chrome、Edge、Firefox），而微软正在将它构建到他们的操作系统中。
DoH 的目的之一是：
允许 Web 应用程序通过现有浏览器 API 以符合跨源资源共享 (CORS) 的安全方式访问 DNS 信息
有一个开源工具专门用于从称为dohjs 的 Web 应用程序进行 DNS 查找。它执行 DNS over HTTPS (DoH) 有线格式查询，如RFC 8484 中所述。它同时支持 GET 和 POST 方法。
完全披露：我是 dohjs 的贡献者。
在这里可以找到另一个具有类似功能的 JavaScript 库 - https://github.com/sc0Vu/doh-js-client。我没有亲自使用过这个，但我认为它也可以在客户端工作。
如果您不想使用 DNS 有线格式，Google 和 Cloudflare 都为基于 HTTPS 的 DNS 提供 JSON API。
使用 Google 的 JSON DOH API 查找 example.com 的示例 Javascript 代码：
var response = await fetch('https://dns.google/resolve?name=example.com');
var json = await response.json();
console.log(json);
以下是 RFC 为 GET 和 POST 提供的示例（请参阅 https://www.rfc-editor.org/rfc/rfc8484#section-4.1.1）：
获取示例：
第一个示例请求使用 GET 请求“www.example.com”。
:方法 = GET
:scheme = https
:authority = dnsserver.example.net
:path = /dns-query?dns=AAABAAABAAAAAAAAA3d3dwdleGFtcGxlA2NvbQAAAQAB
接受 = 应用程序/dns 消息
POST 示例：
使用 POST 方法对“www.example.com”进行相同的 DNS 查询会 是：
:方法 = POST
:scheme = https
:authority = dnsserver.example.net
:path = /dns-查询
接受 = 应用程序/dns 消息
内容类型 = 应用程序/dns 消息
内容长度 = 33
00 00 01 00 00 01 00 00 00 00 00 00 03 77 77 77 07 65 78 61 6d 70 6c 65 03 63 6f 6d 00 00 01 00 01
您可以在几个地方找到一些支持 DNS over HTTPS 的公共 DNS 解析器列表：
在上述资源中，我想说 Curl wiki 上的列表和 DNSCrypt 列表可能是最完整和最频繁更新的。 Curl 的页面还包括用于 DoH 的开源工具列表（服务器、代理、客户端库等）。
【讨论】：
javascript 标准库中没有主机或 IP 地址的概念。所以你必须访问一些外部服务来为你查找主机名。
我建议托管一个 cgi-bin，它会查找主机名的 ip 地址并通过 javascript 访问它。
【讨论】：
很晚了，但我想很多人还是会通过“谷歌航空公司”登陆这里。一种现代方法是使用不需要服务器支持的 WebRTC。
https://hacking.ventures/local-ip-discovery-with-html5-webrtc-security-and-privacy-risk/
下一个代码是来自http://net.ipcalf.com/的复制粘贴
// NOTE: window.RTCPeerConnection is "not a constructor" in FF22/23
var RTCPeerConnection = /*window.RTCPeerConnection ||*/ window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) (function () {
var rtc = new RTCPeerConnection({iceServers:[]});
if (window.mozRTCPeerConnection) { // FF needs a channel/stream to proceed
rtc.createDataChannel('', {reliable:false});
};
rtc.onicecandidate = function (evt) {
if (evt.candidate) grepSDP(evt.candidate.candidate);
};
rtc.createOffer(function (offerDesc) {
grepSDP(offerDesc.sdp);
rtc.setLocalDescription(offerDesc);
}, function (e) { console.warn("offer failed", e); });
var addrs = Object.create(null);
addrs["0.0.0.0"] = false;
function updateDisplay(newAddr) {
if (newAddr in addrs) return;
else addrs[newAddr] = true;
var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
document.getElementById('list').textContent = displayAddrs.join(" or perhaps ") || "n/a";
}
function grepSDP(sdp) {
var hosts = [];
sdp.split('\r\n').forEach(function (line) { // c.f. http://tools.ietf.org/html/rfc4566#page-39
if (~line.indexOf("a=candidate")) { // http://tools.ietf.org/html/rfc4566#section-5.13
var parts = line.split(' '), // http://tools.ietf.org/html/rfc5245#section-15.1
addr = parts[4],
type = parts[7];
if (type === 'host') updateDisplay(addr);
} else if (~line.indexOf("c=")) { // http://tools.ietf.org/html/rfc4566#section-5.7
var parts = line.split(' '),
addr = parts[2];
updateDisplay(addr);
}
});
}
})(); else {
document.getElementById('list').innerHTML = "<code>ifconfig | grep inet | grep -v inet6 | cut -d\" \" -f2 | tail -n1</code>";
document.getElementById('list').nextSibling.textContent = "In Chrome and Firefox your IP should display automatically, by the power of WebRTCskull.";
}
【讨论】：
托管的 JSONP 版本就像一个魅力，但它似乎在大多数日子（东部时间）的夜间会占用资源，所以我必须创建自己的版本。
这就是我用 PHP 完成它的方式：
<?php
header('content-type: application/json; charset=utf-8');
$data = json_encode($_SERVER['REMOTE_ADDR']);
echo $_GET['callback'] . '(' . $data . ');';
?>
那么 Javascript 和之前完全一样，只是不是数组：
<script type="application/javascript">
function getip(ip){
alert('IP Address: ' + ip);
}
</script>
<script type="application/javascript" src="http://www.anotherdomain.com/file.php?callback=getip"> </script>
就这么简单！
旁注：如果您在任何面向公众的环境中使用它，请务必清理您的 $_GET！
【讨论】：
有一个第三方服务提供了一个 CORS 友好的 REST API 来从浏览器执行 DNS 查找 - https://exana.io/tools/dns/
【讨论】：
我知道这是一个老问题，但我的解决方案可能对其他人有所帮助。
我发现使这一切变得简单的 JSON(P) 服务不会永远持续下去，但在撰写本文时，以下 JavaScript 对我来说效果很好。
<script type="text/javascript">function z (x){ document.getElementById('y').innerHTML=x.query }</script>
<script type='text/javascript' src='http://ip-api.com/json/zero.eu.org?callback=z'></script>
上面将我的服务器的 IP 写在它所在的页面上，但是可以通过将“zero.eu.org”更改为另一个域名来修改脚本以查找任何 IP。 这可以在我的页面上看到：http://meon.zero.eu.org/
【讨论】：
正如许多人所说，您需要使用外部服务并调用它。这只会从服务器的角度为您提供 DNS 解析。
如果这足够好，如果您只需要 DNS 解析，您可以使用以下 Docker 容器：
https://github.com/kuralabs/docker-webaiodns
端点：
[GET] /ipv6/[domain]:
对给定域执行 DNS 解析并返回关联的 IPv6
地址。
{
"addresses": [
"2a01:91ff::f03c:7e01:51bd:fe1f"
]
}
[GET] /ipv4/[domain]:
对给定域执行 DNS 解析并返回关联的 IPv4
地址。
{
"addresses": [
"139.180.232.162"
]
}
我的建议是您将 Web 服务器设置为反向代理到服务器中为您的 Javascript 提供服务的特定端点上的容器，并使用您的标准 Javascript Ajax 函数调用它。
【讨论】：
有一个 JavaScript 库 DNS-JS.com 可以做到这一点。
DNS.Query("dns-js.com",
DNS.QueryType.A,
function(data) {
console.log(data);
});
【讨论】：
这样做需要破坏浏览器沙箱。尝试让您的服务器进行查找并通过 XmlHttp 从客户端请求。
【讨论】：
自 v60 以来，Firefox 有一个内置的 API，用于 WebExtensions：
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/dns/resolve
【讨论】：
browser 在 Firefox 64 测试版中不存在，所以我想知道它是否已被删除。
dns 权限，并且该脚本不得作为内容脚本运行（同样，browser.dns 不会在那里公开）
确保您可以通过使用这种 dns browser.dns.resolve("example.com"); 方法而无需使用任何添加，只需纯 JavaScript 即可做到这一点
但它仅与 FIREFOX 60 兼容，您可以在 MDN https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/dns/resolve 上查看更多信息
【讨论】：
出于安全原因，我认为大多数浏览器都不允许这样做，正如问题所要求的那样，在纯 JavaScript 上下文中。
【讨论】：
也许我错过了重点，但在这里回答 NAVY 的家伙是浏览器如何告诉你“请求者”的 IP 地址（尽管可能只是他们的服务提供商）。
在页面中放置一个脚本标记以由客户端呈现，该客户端调用（有 src 指向）另一个负载不平衡的服务器（我意识到这意味着您需要访问第二台服务器，但现在托管很便宜并且您可以轻松且廉价地进行设置）。
这是需要添加到客户端页面的代码：
在另一台服务器“someServerIown”上，您需要有 ASP、ASPX 或 PHP 页面；
----- 包含这样的服务器代码：
"" （没有外部 dbl 引号 :-)）
---- 并将这段代码写回脚本标签：
var clientipaddress = '178.32.21.45';
这有效地创建了一个 Javascript 变量，您可以在页面上使用 Javascript 访问该变量。
希望您访问此 var 并将值写入准备发送回的表单控件。
当用户发布或收到下一个请求时，您的 Javascript 和/或表单会将“otherServerIown”为您填写的变量的值发送回您希望使用的服务器。
这就是我绕过我们拥有的愚蠢负载平衡器的方法，它掩盖了客户端 IP 地址并使其看起来像负载平衡器的地址....愚蠢...愚蠢愚蠢愚蠢！
我没有给出确切的解决方案，因为每个人的情况都有点不同。然而，这个概念是合理的。另外，请注意，如果您在 HTTPS 页面上执行此操作，您的“otherServerIOwn”也必须以该安全形式提供，否则客户端会收到混合内容的警报。如果您确实有 https，请确保您的所有证书都有效，否则客户端也会收到警告。
希望它可以帮助某人！抱歉，花了一年的时间来回答/贡献。 :-)
【讨论】：
我的版本是这样的：
我的服务器上的php：
<?php
header('content-type: application/json; charset=utf-8');
$data = json_encode($_SERVER['REMOTE_ADDR']);
$callback = filter_input(INPUT_GET,
'callback',
FILTER_SANITIZE_STRING,
FILTER_FLAG_ENCODE_HIGH|FILTER_FLAG_ENCODE_LOW);
echo $callback . '(' . $data . ');';
?>
页面上的jQuery：
var self = this;
$.ajax({
url: this.url + "getip.php",
data: null,
type: 'GET',
crossDomain: true,
dataType: 'jsonp'
}).done( function( json ) {
self.ip = json;
});
它可以跨域工作。 它可以使用状态检查。正在努力。
【讨论】：
如果客户端安装了 Java，你可以这样做：
ipAddress = java.net.InetAddress.getLocalHost().getHostAddress();
除此之外，您可能必须使用服务器端脚本。
【讨论】：