Question

如何在与其余网络应用程序相同的WebView /页面中在PhoneGap中显示类似Facebook的框？我想在PhoneGap应用程序中显示Facebook like box（使用jQuery Mobile）。

PhoneGap为Facebook喜欢的框打开一个新的浏览器窗口/ webview。

与其他Facebook社交插件相同的情况。我希望类似的框是该页面上正常内容的一部分，而不是打开子浏览器。两种变体（FBXML [1]和iframe [2]）都可以在桌面浏览器的同一页面中很好地显示，但PhoneGap会在新窗口中打开它们，从而离开应用程序。

有什么建议吗？

[1]：

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/platform" width="292" show_faces="true" border_color="" stream="true" header="true"></fb:like-box>

[2]：

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>

Answer 1

打开iframe需要将域添加到PhoneGap.plist中的ExternalHosts键。然后像Facebook这样的外部页面显示在正常内容中。

“您必须在PhoneGap.plist中的ExternalHosts键下添加域名。” link

在同一个WebView /页面中显示PhoneGap中的Facebook框吗？

1 个答案: