javascript - 从外部 URL 获取 URL 标题，无需加载整个网站

Question

我有一个 javascript 代码，它显示文本区域/文本框中的所有网址。我想显示这些网址的网页标题。但我不想加载整个网站(get_content)，因为它操纵我页面上的其他 JavaScript。如何显示标题？

我的代码

<script>
let result = $("#converted_url");
$("#textarea_input").on("input", function() {
  result.html("");
  var urlRegex = /(?:(?:http|https):\/\/)?([-a-zA-Z0-9.]{2,256}\.[a-z]{2,4})\b(?:\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
  var found = [];
  $("#textarea_input").val().replace(urlRegex, function(url) {
    let trimmedUrl = url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, "");
    if (found.includes(trimmedUrl)) {
      return;
    }
    found.push(trimmedUrl);
    var link = '<a target="_blank" href="' + url + '">' + TITLE + '</a>';
    result.append(link);
  });
});
</script>

应该输出如下内容:

Answer 1

简单地说:你不能。网页的标题仅存储在其 HTML 内容中，因此如果不下载该内容，您就无法获取标题。我不明白你所说的“它操纵我页面上的 Javascript”是什么意思——如果你对你想要的 URL 进行 AJAX 调用(假设它是同域或启用了 CORS)，你将得到原始的源代码作为字符串进行解析，如您所愿，它不会影响页面上的任何其他内容。