我在将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应用程序中的成功经验?
答案 0 :(得分:7)
这很可能不是OP当时面临的问题,但如果有人这些天面临同样的问题(使用Cordova 6.4.0,截至2016年11月29日),答案是补充:
<allow-navigation href="about:*" />
到config.xml
。
这需要能够打开Twitter时间线小部件设置的about:blank
最初使用的iframe
网址。
答案 1 :(得分:3)