我在将 Twitter 时间线与 PhoneGap 3.1.0 应用程序(iOS 版本)集成时遇到问题
1) 我生成了一个新的 PhoneGap 3.1.0 应用程序
2) 增加了iOS版本
3) 我在 Twitter 中生成了一个时间线小部件
4) 已将 Twitter 小部件中的代码粘贴到页面中:
index.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 域列入白名单:
config.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 开发控制台显示 twitter
<iframe>
标签嵌入在页面中。成功检索到所有 js/css 文件。如果他们被列入黑名单,则没有。有没有人有将 Twitter 时间线集成到 PhoneGap 3.1 应用程序的成功经验?
最佳答案
2016 年 11 月 29 日更新
这很可能不是 OP 当时面临的问题,但如果最近有人遇到同样的问题(使用 Cordova 6.4.0,截至 2016 年 11 月 29 日),答案是添加:
<allow-navigation href="about:*" />
给您的 config.xml
.这是能够打开
about:blank
所必需的。最初由 iframe
使用的 URL由 Twitter 时间线小部件设置。
关于twitter - PhoneGap 3.1.0 应用程序中的嵌入式 Twitter 时间线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19927714/