Embedded Timelines in a PhoneGap application

[benward]

Don’t worry about the initialize twice thing. The problem is definitely related to document.domain. That stuff is pretty intricate as it is—ensuring the frame can talk back to and bind events to the host—but we’ll see if we can figure out and guard where it’s causing errors in the PhoneGap environment.

[mvarti]

in pure WP8/Phonegap environment document.domain causes the same error. But when initializing twitter widget there are no errors reported… Strange stuff…

[saiko_ben]

the same issue occurs when embedding a tweet.

[benward]

Embedded Tweets and timelines share the same sandbox mechanism, so that makes sense. Will see what I can uncover.

[atrgdomain]

This may have been mentioned somewhere already since Mikko brought it up, but any thoughts on getting around the PhoneGap whitelisting issues? In order for everything else to open properly inside/outside my app, I have the Android whitelist set to localhost (127.0.0.1) and the iOS whitelist set to a wildcard (everything).

On Android, the widget appears fine, but when you click on a link the widget iframe blanks out and I get some kind of parent/child error. I don’t think I’ve gotten the widget to appear on iOS PhoneGap yet.

[OhHowSuper]

I’m on the same boat,

Android works fine - i’m actually able to click the individual links (which links out to native twitter pages)

IOS is a no show, I’ve added this code in my index.html file :

$(document).one(‘mobileinit’, function () {

         $.mobile.allowCrossDomainPages = true;

    });

and this in my config.xml:

ANY suggestions would be amazing

Also it works on IOS when I test in my own domain… just doesn’t work on a Phonegap app test page

[jaimoto81]

I don’t know why… but I’ve tried today and it’s suddenly it’s working (Phonegap 2.3 on iOS 6)

Could anybody try?

Can we trust that it will work later?

Thanks!

[XerxesNoble]

@jaimoto81 how did you get it to work?

I got my code right from the widget editor… works on everything except for iOS Phonegap 2.8.1

I’ve tried adding http and https - no results.

Ive even tried using an iframe to a html file on my server containing the code lol- nothing.

Its seems to be an issue with the in app browser on Phonegap because the same html file opens up and displays the widget when I try it in chrome/safari/moz.

I’m losing my mind on this one

Tweets by @XerxesNoble

[XerxesNoble]

If anyone is still having trouble with this… I figured out a work around. Instead of trying to open the widget directly in the app- open it with the InAppBrowser.

I created a separate .html file with the widget embedded into it and uploaded it to my server. Then used the code below in my app.

Its a bit of a messy work around, but at least its something for now.

[mvarti]

In the meantime twitter widget has stopped working on Windows Phone 8 & phonegap/cordova environment. This used to work just fine, but some time (maybe couple of weeks) ago it just stopped working,

Here’s some errors.

http://platform.twitter.com/widgets.js:35
Unable to get property ‘doc’ of undefined or null reference
http://platform.twitter.com/widgets.js:28
Unspecified error.
http://platform.twitter.com/widgets.js:28
Unspecified error.

[kdollmont]

I managed to get it working in a way similar to your solution, however I am unable to post tweets from the timeline or retweet/share etc.

links work, just not the twitter options.

Did you have the same issue?

[anneleenvaes]

So weird to read that the Twitter widget isn’t working in Phonegap, because it’s working in my phonegap app, without whitelisting anything. Well, most of the time, as one of my testers discovered yesterday it isn’t working in Android 2.3.6. In that version you can’t see any tweets, only #emm13. The widget also doesn’t automatically change the width, something it does do on other versions. When the tester navigates to my Twitter page and then navigates to another page, it breaks the design of those pages. Any idea what to do about this?

[ProjectMiso]

I am having a similar issue on all FireFox browsers for the timeline widget.

The error is TypeError: this.sandbox is undefined widget.js (line 36)

It’s a simple Drupal site. The issue occurs only in FireFox for both PC and Mac. The site URL is http://www.genesinlife.org/

Any ideas?

[roodyruby]

Having troubles with twitter timeline for Phonegap 3.1.0 iOS version. It is not displayed at all. I have whitelisted all domains.

Android version works just fine.

@XerxesNoble, thanks for your work around using the InAppBrowser. That works for iOS.

I’m just curious: can anyone from twitter developers address this issue. As the problem seems to be common for many embedded timeline users. We miss the ability to display embedded timeline in Phonegap iOS application. I’m ready to help debugging, inspecting js, html, just let me know.

[roodyruby]

If someone interested I have added a small service to embed twitter timeline to the PhoneGap application. It’s available and fully described here - https://github.com/k-rudy/phonegap-twitter-timeline. Will be happy if it saves time for at least one user

[bartburkhardt]

I have the same problem. Phonegap 3.5
It does load the widget.js but the iframe is empty

[roodyruby]

@bartburkhardt, have you tried a solution proposed here - https://github.com/k-rudy/phonegap-twitter-timeline?

[k3shone]

@roodyruby - I have tried your approach and, while it’s working when opening a blank new window, it doesn’t work when I try from the same one like this:
window.open(‘http://k-rudy.github.io/phonegap-twitter-timeline?503143730627371008’, ‘_self’);

Thanks!

[niall]

[niall]