在 Phonegap iOS 中使用全屏的外部链接答案

【问题标题】：External Link using full screen in Phonegap iOS在 Phonegap iOS 中使用全屏的外部链接
【发布时间】：2013-04-19 12:03:20
【问题描述】：

我试图在我的 iOS Phonegap 应用程序中打开一个指向 facebook 的外部链接，但它不会占据整个页面。理想情况下，我希望它是一种 iFrame，导航将保留。

目前我有一个使用应用内浏览器打开 Facebook 的分享按钮。代码如下：

    function shareonfb()
    {
        photoid = sessionStorage.PhotoId;
        filename = sessionStorage.PhotoFilename;

        postUrl  = "http://mysitelink.com/page.php?photoid="+photoid;

        imageUrl = "http://mysitelink.com/pages/"+filename;

        var sSiteUrl="http://www.facebook.com/sharer.php?s=100&u="+postUrl; 

        var ref = window.open(sSiteUrl, '_self', 'location=yes,');

    }

<input id="btnshare" type="button" value="Share" data-icon="arrow-r"
                data-inline="true" onclick="javascript:{shareonfb();};" />

我的问题是 Facebook 接管，无法返回应用程序。有更好的方法来做到这一点吗？

【问题讨论】：

标签： ios facebook cordova inappbrowser

【解决方案1】：

你需要设置一个退出事件来监听来自应用内浏览器的 window.close。

这些是来自 phonegap doco 的事件

loadstart - InAppBrowser 开始加载 URL 时触发的事件
loadstop - InAppBrowser 完成加载 URL 时触发的事件
loaderror - 当 InAppBrowser 在加载 URL 时遇到错误时触发的事件
** exit - InAppBrowser 窗口关闭时触发的事件**

类似的东西。

ref.addEventListener('exit', function() { ref.close(); });

应该可以解决问题。

【讨论】：