javascript - Instafeed.js 出现问题

Question

我只是创建一个基本页面，使用 Instafeed.js 库显示来自 Instagram 的照片。我按照教程进行操作，但当我打开 HTML 页面时，我只看到像素化图像，而不是实际图像。

当我打开控制台时，每张照片旁边都会出现错误 net::ERR_FILE_NOT_FOUND。

这是代码:

<script type="text/javascript" src="instafeed.min.js"></script>


<div id="instafeed"></div>


<script type="text/javascript">
 var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: 'Your Client Id'
});
 feed.run();
</script>

Answer 1

如果您在本地查看 HTML 页面(本地是指您的地址栏以 file:// 开头，则需要将 useHttp: true 添加到您的设置:

<script type="text/javascript">
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: 'Your Client Id',
    useHttp: true   // <--- add this
  });
  feed.run();
</script>

<小时/>

本地查看文件时需要此选项，因为图像尝试使用 protocol-relative URLs 加载。如果您要在实际的 Web 服务器上查看该 HTML 文件，则不需要该选项。

该更改是在版本 1.3 中引入的.