Twitter Timeline Embed Not Showing up in iOS

Ionic Framework ionic-v3
1

I have embedded a Twitter timeline in one of the pages of my app. However, it does not show up when I build the project to Xcode and simulate it on an iOS device. It does work in Android.

In Index.html:

  <!-- Timeline Twitter -->
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


  <!-- cordova.js required for cordova apps (remove if not needed) -->
  <script src="cordova.js"></script>

in Twitter.html:

a class="twitter-timeline" href="https://twitter.com/google"></a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

In Twitter.ts:

ngAfterViewInit() {
       !function(d,s,id){
           var js: any,
               fjs=d.getElementsByTagName(s)[0],
               p='https';
               js=d.createElement(s);
               js.id=id;
               js.src=p+"://platform.twitter.com/widgets.js";
               fjs.parentNode.insertBefore(js,fjs);
       }
       (document,"script","twitter-wjs");
   }
2

Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Safari dev tools: https://ionic.zone/debug/remote-debug-your-app#ios Look at the console and network tabs for errors.

3

Okay thanks. I will when I get a chance.