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插件导致问题,即假设您在该模式下禁用了所有扩展程序.

我注意到断开连接扩展隐藏了你描述的图像.