3

我在将 Twitter 时间线与 PhoneGap 3.1.0 应用程序（iOS 版）集成时遇到问题

1) 我生成了一个新的 PhoneGap 3.1.0 应用程序

2) 增加了iOS版本

3) 我在 Twitter 中生成了一个时间线小部件

4) 已将 Twitter 小部件中的代码粘贴到页面中：

索引.html：

<a class="twitter-timeline" href="https://twitter.com/bill_hallam" data-widget-id="399136844954087424">Tweets by @bill_hallam</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

5) 已将 Twitter 域列入白名单：

配置.xml：

<access origin="https://twitter.com" subdomains="true" />
<access origin="http://twitter.com" subdomains="true" />
<access origin="http://platform.twitter.com" />
<access origin="https://platform.twitter.com" />
<access origin="https://cdn.syndication.twimg.com" />
<access origin="http://cdn.syndication.twimg.com" />

6) 从 Xcode 启动 iOS 模拟器

结果：页面为空白。Safari 开发控制台显示<iframe>页面中嵌入了 twitter 标签。成功检索所有 js/css 文件。如果他们被列入黑名单，则没有。

有没有人成功地将 Twitter 时间线集成到 PhoneGap 3.1 应用程序中？

4

2 回答 2

8

2016 年 11 月 29 日更新

这很可能不是 OP 当时面临的问题，但如果最近有人面临同样的问题（使用 Cordova 6.4.0，截至 2016 年 11 月 29 日），答案是添加：

<allow-navigation href="about:*" />

到你的config.xml.

这是能够打开Twitter 时间线小部件设置about:blank最初使用的 URL所必需的。iframe

于 2016-11-29T09:25:22.087 回答
3

我终于想出了一个方法来做到这一点。不幸的是，目前我发现的唯一解决方案是使用 InAppBrowser 插件。但它适用于 iOS 和 Android 版本。

详细说明在这里

我创建了一个小型公共页面，用作服务。

于 2013-12-10T19:12:40.700 回答