twitter - PhoneGap 3.1.0 应用程序中的嵌入式 Twitter 时间线

标签 twitter cordova

我在将 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/

相关文章:

ios - SLComposeViewController: "No Twitter Accounts"警报的不同行为取决于是否安装 Twitter 应用程序

android - 电话间隙 : loading remote html

cordova - 错误 : read ECONNRESET occurs on ionic serve for newly created apps

android - 在构建 cordova 项目时出现 ANDROID_HOME PATH 错误

ios - 如何查看由phonegap启动的ios模拟器中的JavaScript错误?

javascript - 为什么 XMLHttpRequest 只适用于 Twitter json?

Twitter4j : Search for public tweets

twitter - 查找提及任意 Twitter 用户的推文

php - Twitter OAUTH - 返回 "0"的响应代码

javascript - 如何在用户喜欢 MVC 架构中的推文后使用 AJAX 调用显示推文的点赞计数