我可以使用客户端 Javascript 执行 DNS 查找（主机名到 IP 地址）吗？

Question

我想使用客户端 Javascript 来执行从客户端计算机看到的 DNS 查找（主机名到 IP 地址）。 那可能吗？

Answer 1

确保您可以通过使用 dns browser.dns.resolve("example.com"); 的这种方法来做到这一点，而无需使用任何添加，只需纯 JavaScript
但它仅与 FIREFOX 60 兼容，您可以在 MDN https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/dns/resolve

Answer 2

我认为出于安全原因，大多数浏览器都不允许这样做，正如问题所要求的那样，在纯 JavaScript 上下文中。

Answer 3

我的版本是这样的：

我的服务器上的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;

});

它可以跨域工作。
它可以使用状态检查。 正在努力。

Answer 4

编辑：这个问题让我很痒，所以我在 Google App Engine 上建立了一个 JSONP Web 服务来返回客户端的 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 来读取它。

Answer 5

我知道这个问题很久以前就被问过，但我想我应该提供一个更新的答案。

DNS over HTTPS (DoH)

您可以通过 HTTPS 将 DNS 查询发送到支持它的 DNS 解析器。 RFC 8484 中描述了 DOH 的标准。

这与所有其他答案所暗示的类似，只是 DoH 实际上是基于 HTTPS 的 DNS 协议。 它也是一个“提议的”互联网标准，并且变得非常流行。 例如，一些主要浏览器要么支持它，要么计划支持它（Chrome、Edge、Firefox），而微软正在将其构建到他们的操作系统中。

卫生部的目的之一是：

允许 Web 应用程序通过现有浏览器 API 以符合跨源资源共享 (CORS) 的安全方式访问 DNS 信息

有一个专门用于从 Web 应用程序进行 DNS 查找的开源工具，名为 dohjs。 它执行 DNS over HTTPS (DoH) 线格式查询，如 RFC 8484< 中所述/a>. 它支持 GET 和 POST 方法。

全面披露：我是 dohjs 的贡献者。

另一个具有类似功能的 JavaScript 库可以在这里找到 - https://github.com/sc0Vu/doh-js -客户端。 我个人没有使用过这个，但我认为它也可以在客户端工作。

DNS over HTTPS JSON API

如果您不想使用 DNS 线格式，Google 和 Cloudflare 都提供用于 DNS over HTTPS 的 JSON API。

• Google 的 JSON API
  文档：https://developers.google.com/speed/public-dns /docs/doh/json
  端点：https://dns.google/resolve?
• Cloudflare 的 JSON API
  文档：https://developers.cloudflare.com/1.1。 1.1/dns-over-https/json-format/
  端点 https://cloudflare-dns.com/dns-query?

使用 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 的 DOH GET 和 POST 线格式示例

以下是RFC 为 GET 和 POST 提供的示例（请参阅 https://www.rfc-editor.org/rfc/rfc8484#section-4.1.1" rfc-editor.org/rfc/rfc8484#section-4.1.1):

GET 示例：

第一个示例请求使用 GET 来请求“www.example.com”。

：方法 = GET
：方案= https
:authority = dnsserver.example.net
:path = /dns-query?dns=AAAAAAAAAAAAAAA3d3dwdleGFtcGxlA2NvbQAAAQAB
接受=应用程序/dns消息

POST 示例：

使用 POST 方法对“www.example.com”进行相同的 DNS 查询
是：

：方法= POST
：方案= https
:authority = dnsserver.example.net
:path = /dns-query
接受 = 应用程序/dns 消息
内容类型 = 应用程序/dns 消息
内容长度= 33

<由以下十六进制编码表示的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

发送 DOH 查询的其他地方

您可以在几个地方找到一些支持 HTTPS 上的 DNS 的公共 DNS 解析器的列表：

• DNSCrypt 有一个很长的公共 DoH 和 DNSCrypt 解析器列表 在他们的 Github 上，以及列表的一个很好的交互式版本 https://dnscrypt.info/public-servers/
• 维基百科 - 公共比较递归域名服务器
• Curl wiki 上的列表
• （简短）列表dnsprivacy.org

在上述资源中，我想说 Curl wiki 上的列表和 DNSCrypt 列表可能是最完整且更新最频繁的。 Curl 的页面还包括 DoH 的开源工具列表（服务器、代理、客户端库等）。

Answer 6

有一个第三方服务提供了 CORS 友好的 REST API，可以从浏览器执行 DNS 查找 - https:// /exana.io/tools/dns/

Answer 7

我知道这是一个老问题，但我的解决方案可能会帮助其他人。

我发现让这一切变得简单的 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/

Answer 8

托管的 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！

Answer 9

很晚了，但我想很多人还是会通过“谷歌航空”降落在这里。 现代方法是使用不需要服务器支持的 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.";
}   

Answer 10

javascript 标准库中没有主机或 IP 地址的概念。 因此，您必须访问一些外部服务来为您查找主机名。

我建议托管一个 cgi-bin，它查找主机名的 IP 地址并通过 javascript 访问它。

Answer 11

有一个 javascript 库 DNS-JS.com 就是这样做的。

DNS.Query("dns-js.com",
    DNS.QueryType.A,
    function(data) {
        console.log(data);
});

Answer 12

正如许多人所说，您需要使用外部服务并调用它。 这只会从服务器的角度为您提供 DNS 解析。

如果这足够好并且您只需要 DNS 解析，您可以使用以下 Docker 容器：

https://github .com/kuralabs/docker-webaiodns

端点：

[GET] /ipv6/[domain]：
对给定域执行 DNS 解析并返回关联的 IPv6
地址。

 {
     "addresses": [
         "2a01:91ff::f03c:7e01:51bd:fe1f"
     ]
 }

[GET] /ipv4/[域]：
对给定域执行 DNS 解析并返回关联的 IPv4
地址。

 {
     "addresses": [
         "139.180.232.162"
     ]
 }

我的建议是，您将 Web 服务器设置为反向代理到服务 Javascript 的服务器中特定端点上的容器，并使用标准 Javascript Ajax 函数调用它。

Answer 13

这样做需要破坏浏览器沙箱。 尝试让您的服务器进行查找并通过 XmlHttp 从客户端请求。

Answer 14

Firefox 从 v60 开始就为 WebExtensions 提供了内置 API：

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/dns/resolve

Answer 15

也许我没有抓住重点，但在回复 NAVY 家伙时，浏览器如何告诉你“请求者”的 IP 地址（尽管可能只是他们的服务提供商）。

在页面中放置一个脚本标记，由客户端调用（有 src 指向）另一台负载不平衡的服务器（我意识到这意味着您需要访问第二台服务器，但现在托管很便宜，您可以设置起来既简单又便宜）。

这是需要添加到客户端页面的代码：

在另一台服务器“someServerIown”上，您需要有 ASP、ASPX 或 PHP 页面；

----- 包含这样的服务器代码：

“<%
Response.Write("var clientipaddress = '" & Request.ServerVariables("REMOTE_ADDR") & "';")
%>"
（没有外部 dbl 引号 :-)）

---- 并将此代码写回脚本标记：

   var clientipaddress = '178.32.21.45';

这有效地创建了一个 Javascript 变量，您可以在页面上使用 Javascript 访问该变量。

希望您可以访问此变量并将值写入准备发送回的表单控件。

当用户发布或获取下一个请求时，您的 Javascript 和/或表单会将“otherServerIown”为您填写的变量值发送回您想要的服务器。

这就是我绕过我们拥有的愚蠢负载均衡器的方法，该负载均衡器屏蔽了客户端 IP 地址并使其显示为负载均衡器的 IP 地址......愚蠢......愚蠢愚蠢愚蠢！

我没有给出确切的解决方案，因为每个人的情况都有点不同。 然而，这个概念是合理的。 另请注意，如果您在 HTTPS 页面上执行此操作，您的“otherServerIOwn”也必须以该安全形式提供，否则客户端会收到混合内容的警报。 如果您确实有 https，请确保您的所有证书均有效，否则客户端也会收到警告。

希望它能帮助别人！ 抱歉，花了一年时间才回答/贡献。 :-)

Answer 16

如果客户端安装了 Java，您可以执行以下操作：

ipAddress = java.net.InetAddress.getLocalHost().getHostAddress();

除此之外，您可能必须使用服务器端脚本。