浏览器窗口中的应用内 FB 页面插件链接

Question

我在使用 worklight (6.2.01) 开发的混合应用程序中使用 Facebook 页面插件，如下所示：

<div id="facebook-toc-feed" className="toc-feed">
    <iframe id="fb-feed" src={"https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" + constants.FB_TOC_FEEDS_URL + "&width="+ this.wWidth +"&height=" + this.wHeight + "&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" + constants.FB_APP_ID}></iframe>
</div>

正在使用 JSX 进行实施 我想知道是否可以在浏览器而不是应用程序本身中打开 FB 插件上的链接？ 现在，当我单击插件中的任何链接（发布链接、页面名称）时，它会在应用程序本身内打开它，并且无法导航回应用程序。

附：不确定这是否有帮助，但奇怪的是只有 iframe 显示插件。 iframe 本身位于无线电类型选项卡中：

<div className="social-wrapper full-content">
    <div className="content-tabs no-shadow">
        <input
            type="radio"
            id="social-radio-facebook"
            name="social-radio"
            value="facebook"
            defaultChecked="true"
        ></input>
        <label htmlFor="social-radio-facebook" onClick={this.showFB}>
            <div className="social-icon facebook">
                <div>{Messages.facebook}</div>
            </div>
        </label>
        <input
            type="radio"
            id="social-radio-twitter"
            name="social-radio"
            value="twitter"
        />
        <label htmlFor="social-radio-twitter" onClick={this.showTwitter}>
            <div className="social-icon twitter">
                <div>{Messages.twitter}</div>
            </div>
        </label>
    </div>

    <div id="facebook-toc-feed" className="toc-feed">
        <iframe
            id="fb-feed"
            src={
                "https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" +
                constants.FB_TOC_FEEDS_URL +
                "&width=" +
                this.wWidth +
                "&height=" +
                this.wHeight +
                "&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" +
                constants.FB_APP_ID
            }
        ></iframe>
    </div>

    <div id="twitter-toc-feed" className="toc-feed">
        <div
            id="twitter-toc-feed-widget"
            className="twitter-timeline"
            data-chrome="nofooter transparent"
            data-widget-id={constants.TWITTER_WIDGET_ID}
        />
    </div>
</div>

所以如果插件应该在 iframe 以外的其他标签中实现，请注意以上内容。

Answer 1

您可能可以使用 Cordova InAppBrowser 插件打开浏览器窗口，甚至可以打开外部浏览器本身。

var ref = window.open('http://apache.org', '_blank');