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

Question

我已尝试将 Twitter 小部件嵌入到我的 Android 应用程序中，但时间线未显示。当我在我的 android 设备上运行它时只是一个空白页面。有没有我需要做的配置。仅供引用，我正在使用 jquerymobile 和 phonegap 制作我的 android 应用程序。

谢谢。

编辑:

这是我的代码。我在官方推特网站上复制了它。当我使用 HTML5 制作我的 android 应用程序时，我将这段代码粘贴到 body 标签中。

!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);}}(文档,"脚本","twitter-wjs");

Answer 1

您可能需要做一些事情。

我在 Android 和 iOS 上遇到了 Twitter Embedded Timeline 以及 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 添加到其他内容。