将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>
Run Code Online (Sandbox Code Playgroud)
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" />
Run Code Online (Sandbox Code Playgroud)
6)从Xcode启动iOS模拟器
结果:页面为空白.Safari Develop控制台显示twitter <iframe>标签嵌入在页面中.所有js/css文件检索成功.没有,如果他们被列入黑名单.
有没有人有将Twitter时间线整合到PhoneGap 3.1应用程序中的成功经验?
这很可能不是OP当时面临的问题,但如果有人这些天面临同样的问题(使用Cordova 6.4.0,截至2016年11月29日),答案是添加:
<allow-navigation href="about:*" />
Run Code Online (Sandbox Code Playgroud)
到你的config.xml.
这需要能够打开Twitter时间线小部件设置about:blank最初使用的URL iframe.
| 归档时间: |
|
| 查看次数: |
2686 次 |
| 最近记录: |