获取多个网址的网站标题/描述

Question

我正在尝试获取外部 url 列表的图标、站点标题和描述，最好使用 jquery。我已经成功地为我的网址同步了谷歌的网站图标服务，任何人都可以阐明如何为网站标题和描述实现这一目标吗？这是我到目前为止获得的图标。

HTML

<li><a href="http://dribbble.com/">Dribbble</a></li>
<li><a href="http://behance.net">Behance</a></li>
<li><a href="http://www.danwebb.net">Dan Webb</a></li>

JQUERY

$("a[href^='http']").each(function() {
$(this).prepend('<img src="https://www.google.com/s2/favicons? domain=' + this.href + '">');
});

Answer 1

• 您有一个额外的空间? domain=。
• 另外，使用this.getAttribute("href") 或jQuery 的$(this).attr("href")
• 使用https !!!

$("a[href^='http']").each(function() {
   var href= this.getAttribute("href");
   $(this).prepend('<img src="https://www.google.com/s2/favicons?domain='+ href +'">';
});

<li><a href="https://dribbble.com/">Dribbble</a></li>
<li><a href="https://behance.net">Behance</a></li>
<li><a href="https://www.danwebb.net">Dan Webb</a></li>

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

• 获取标题：How can I get the title of a webpage given the url (an external url) using JQuery/JS

但你肯定会遇到这个错误：

...已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'null' 不允许访问

所以只使用 JS 是不可能的。

---

PHP 救援：

由于使用 AJAX 直接从不允许这样做的网站获取内容的 CORS 政策问题 - 您可以改为：

1. AJAX GET 您的服务器上的一个 PHP 脚本，它将抓取外部站点
2. 现在内容在您的域中，AJAX 将响应该内容。
3. 使用 JS (jQuery) 解析响应数据以获取所需的元素属性值或文本。

grabber.php

<?php
    echo file_get_contents($_GET["url"]);

index.html

<ul>
    <li><a href="https://dribbble.com/">Dribbble</a></li>
    <li><a href="https://behance.net">Behance</a></li>
    <li><a href="https://www.danwebb.net">Dan Webb</a></li>
</ul>

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
    function grabber (url, el) {
      $.ajax({
        url: "grabber.php?url="+ url,
        type: "GET",
        success: function(data){
          // console.log( data ); 

          var $head  = $(data).find("head");
          var title = $head.find("title").text();
          var desc  = $head.find("meta[name='author']").attr("content");
          console.log(title , desc);
          $(el).append(" - "+ title +" - "+ desc);
        }
      });
    }

    $("a[href^='http']").each(function () {
      var href= this.getAttribute("href");
      $(this).prepend('<img src="https://www.google.com/s2/favicons?domain='+ href +'">';
      grabber( href , this ); // this represent the current loop el.
    });
<script>