如何将twitter小部件嵌入到android phonegap中

时间:2013-07-11 05:15:23

标签: android html5 twitter cordova

我试图将一个推特小部件嵌入我的Android应用程序,但时间轴没有显示。当我在我的Android设备上运行它时只是一个空白页面。我需要做任何配置吗?仅供参考,我正在使用jquerymobile和phonegap制作我的Android应用程序。

谢谢。

编辑:

这是我的代码。我在官方推特网站上复制了它。我将此代码粘贴到body标签中,因为我使用HTML5制作我的Android应用程序。

                                                  !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(一个或多个); js.id = ID; js.src = p + “://platform.twitter.com/widgets.js”; fjs.parentNode.insertBefore( JS,FJS);}}(文件, “脚本”, “推 - WJS”);

2 个答案:

答案 0 :(得分:1)

您可能需要做一些事情。

在Android和iOS上,我遇到了Twitter嵌入式时间线以及PhoneGap Build的问题。

在我的config.xml中,我将几个不同的域列入白名单。

<access origin="https://twitter.com" subdomains="true" />
<access origin="http://twitter.com" subdomains="true" />
<access origin="http://platform.twitter.com" subdomains="true" />
<access origin="https://platform.twitter.com" subdomains="true" />
<access origin="https://cdn.syndication.twimg.com" />
<access origin="http://cdn.syndication.twimg.com" />

你可能想知道我在哪里想到了最后的那些。当我通过Chrome开发者工具运行时,我碰巧发现这是一个通过Twitter提供的脚本访问的域名。根据位置的不同,这可能会有所不同,但至少它是一个起点。而且我很清楚我可能不需要复制安全和不安全的http,但是比抱歉更安全。

*的 修改 *

我创建了一个名为twitterfeed.html的新HTML文档。然后我将onClick事件调用到访问InAppBrowser中的新html页面的方法。这应该对你有所帮助,但我仍然在推动Twitter Intents。

  function twittertest(){
 var ref = window.open('twitterfeed.html', '_blank', 'location=no');    
};

调用函数:

 <img id="twt_image" class="small_image"  src="assets/images/tw_image.png" alt="mctn_twitter" onClick="twittertest()"></img>

我从图像中打开了,但你可以轻松地将onClick添加到其他内容。

答案 1 :(得分:0)

结帐this服务和详细说明。 它使用InAppBrowser插件,适用于iOS和Android应用程序