Facebook个人资料图片未在Chrome中显示

Question

我遇到在我的应用程序中加载Facebook个人资料图片的问题。我从图表API获取了我的朋友列表，然后显示相关的朋友信息及其公开个人资料图片

我的HTML如下所示。

<div id = "profile_picture" style="float:left; width:100px;height: 100px" >
                <img src="https://graph.facebook.com/{{providerUserId}}/picture?width=100&height=100"/>
            </div>
            <div id="user_basic_info" style="float:left;margin-left:14px;">
                <div id="name" style="font-size:16px;font-weight:bold;margin-bottom:6px;">{{name}}</div>
                <div id="email" style="margin-bottom:6px;width:400px;">{{email}}</div>
                <div id="address"></div>
            </div>

{{}}是通过模型填充的Mustache模板。 出于某种原因，图像不会在Chrome中加载;但在Chrome Canary，Firefox，Safari中工作正常。

如果我也传入硬编码的userId也没有区别。

任何指导？

Answer 1

通过在隐身模式下打开网址，检查是否有任何Chrome插件导致问题，即假设您在该模式下禁用了所有扩展程序。

我注意到 disconnect 扩展程序隐藏了您描述的图像。