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

时间:2013-11-12 11:17:44

标签: 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)将推特域名列入白名单

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 Develop控制台显示页面中嵌入了twitter <iframe>标记。所有js / css文件检索成功。没有,如果他们被列入黑名单。

有没有人有将Twitter时间表整合到PhoneGap 3.1应用程序中的成功经验?

2 个答案:

答案 0 :(得分:7)

2016年11月29日更新

这很可能不是OP当时面临的问题,但如果有人这些天面临同样的问题(使用Cordova 6.4.0,截至2016年11月29日),答案是补充:

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

config.xml

这需要能够打开Twitter时间线小部件设置的about:blank最初使用的iframe网址。

答案 1 :(得分:3)

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

详细说明为here

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

相关问题