从外部 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 内容中，因此如果不下载该内容，您将无法获得标题。我不明白你所说的 "it manipulates the Javascripts on my page" 是什么意思——如果你对你想要的 URL 进行 AJAX 调用（假设它是 same-domain 或启用了 CORS），你'将以字符串的形式返回原始源代码以按您的意愿进行解析，并且不会影响您页面上的任何其他内容。

从外部 URL 获取 URL 标题而不加载整个网站

Get URL Title from External URL without loading whole Website

javascript

regex

url

wordpress

textarea