Question

我有以下两难困境。我想从不同的网站生成个人资料预览，例如facebook，twitter，github，stackoverflow，google plus等，以加入我正在开发的网站的个人资料。图像可能没问题。

我知道我可能会使用带有缩放黑客的iframe来实现与我想要做的有点类似的事情，但是，我不确定这对于移动设备是否非常理想，因为网站是响应和加载其他网站可能不利于数据计划。

有没有办法实现这个目标？

这是一张图片，以便您了解我尝试做的事情：

enter image description here

具有社交网络名称的是我想根据指定的URL创建/生成的配置文件。

修改

为了澄清我想要生成的预览，它是网站的图片，一个重要的部分（包括封面照片或个人资料图片），而不是整个网站，因为这可能看起来很荒谬很小的尺寸。

Answer 1

你要做的事情要复杂得多。我同意为每个社交提供商显示iframe不仅不是最佳选择，而且也是一个糟糕的解决方案。实际上，除非用户在当前会话中登录所有这些提供程序，否则它甚至都无法工作。

您（我相信）唯一的解决方案是注册您的应用程序，该应用程序是个人社交提供商，以便使用其API并允许您的应用程序登录当前用户的行为。这就是它的工作原理，用户必须登录Facebook，Twitter等，同意您的应用访问他们的个人资料信息，然后您才能显示该用户的个人资料信息。我认为实现的繁琐功能。

顺便说一下，jQuery没有本地支持与社交网络互动

Answer 2

不幸的是我没有评论的声誉所以我必须在这里做一个部分答案。我不确定twitter或您尝试包含的其他应用程序，但对于Facebook，您通常可以使用图形api获取用户的个人资料图片。例如，获取个人资料图片：

https://graph.facebook.com/{user}/picture

也许推特和其他人有类似的，程序化的方式来获取个人资料图片？希望这有帮助。