我正在尝试在一个基本的 nothing html 页面上使用 instafeed.js javascript，只是为了测试 API。我已经在Instagram上注册并拥有我的clientId值，我已经在我的代码中配置了该值：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Instagramify your website</title>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/instafeed.min.js"></script>
</head>
<body>
<div id="wrapper">
<h2>Instagram pics</h2>
</div><div id="instafeed"></div>
</div>
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var feed = new Instafeed({
get: 'tagged',
tagName: 'awesome',
clientId: 'clientId'
});
feed.run();
})
</script>
</body>
</html>
不太确定它不起作用，我使用了与其他帖子相同的示例。请帮帮我！我开始失去我的小头发。
谢谢！
昨晚，经过片刻的灵感，我终于让它开始工作了。由于我在页面上看不到任何特定错误，因此我认为 Id 用于 Chrome 的 Javascript 调试器。通过这种方式，我能够看到来自Instagram的返回值和错误，它是：
"未捕获的错误：来自 Instagram 的错误：提供的access_token无效。"
这很奇怪，因为所有示例（包括我上面的例子）从未提及仅获取公共标签图片的access_token。无论如何，我确保获得正确的access_token（49个字符长，包括中间的2个'.），并使用了传递accessToken的代码。不需要"useHttp：true"（我正在本地测试）或目标。
我确实添加了一个模板和分辨率属性，它最终看起来像这样：
var feed = new Instafeed({
get: 'tagged',
tagName: 'awesome',
clientId: 'client_id',
accessToken: 'access_token',
template: '<li><div><a href="{{link}}"><img src="{{image}}" /></a><h3>{{caption}}</h3></div></li>',
resolution: 'standard_resolution'
});
feed.run();
现在它完美运行。只是糟糕的是Instagram对API所做的所有新限制。似乎您只能看到带有搜索主题标签的图片，如果您将用户添加到客户端，那么您应该也可以看到这些图片（我今天将尝试这个）。现在回到阅读文档...
您需要设置一个目标：
var feed = new Instafeed({
target: 'instafeed',
get: 'tagged',
tagName: 'awesome',
clientId: 'clientId'
});