免费 DNS 记录查询工具 - 快速查询域名解析

<!DOCTYPE html>
<html lang='en'>
<head>
  <title>免费 DNS 记录查询工具</title>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js'></script>
  <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js'></script>
</head>
<body>
<div class='container'>
  <h2>DNS 记录查询工具</h2>
  <form>
    <div class='form-group'>
      <label for='domain'>域名:</label>
      <input type='text' class='form-control' id='domain' placeholder='请输入域名'>
    </div>
    <div class='form-group'>
      <label for='type'>记录类型:</label>
      <select class='form-control' id='type'>
        <option value='A'>A</option>
        <option value='AAAA'>AAAA</option>
        <option value='CNAME'>CNAME</option>
        <option value='MX'>MX</option>
        <option value='NS'>NS</option>
        <option value='PTR'>PTR</option>
        <option value='SOA'>SOA</option>
        <option value='SRV'>SRV</option>
        <option value='TXT'>TXT</option>
      </select>
    </div>
    <button type='button' class='btn btn-primary' onclick='lookup()'>查询</button>
  </form>
  <br>
  <div id='result'></div>
</div>
<script>
function lookup() {
  var domain = $('#domain').val();
  var type = $('#type').val();
  $.ajax({
    url: 'https://dns.google/resolve',
    data: {
      name: domain,
      type: type
    },
    success: function(response) {
      var records = response.Answer;
      var html = '<table class='table'><thead><tr><th>记录类型</th><th>值</th></tr></thead><tbody>';
      $.each(records, function(index, record) {
        html += '<tr><td>' + record.type + '</td><td>' + record.data + '</td></tr>';
      });
      html += '</tbody></table>';
      $('#result').html(html);
    }
  });
}
</script>
</body>
</html>