Iframe is not working in Android (real device) although it is working well in iOS

ionic-v1
1

Hi everyone!
I embedded iframe in the App. Although the iframe is working well in iOS, it is not showing anything in Android (real device).
Here is the example of iframe:

image
Screen Shot 2015-05-26 at 4.37.42 PM.png859Ă—182 21.7 KB 

<iframe width="100%" height="325" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" src="http://www.google.com/publicdata/embed?ds=d5bncppjof8f9_&amp;ctype=l&amp;strail=false&amp;bcs=d&amp;nselm=h&amp;met_y=se_prm_enrl&amp;scale_y=lin&amp;ind_y=false&amp;rdim=country&amp;idim=country:AUS&amp;ifdim=country&amp;tstart=42829200000&amp;tend=1305133200000&amp;hl=en_US&amp;dl=en_US&amp;ind=false&amp;xMax=180&amp;xMin=-180&amp;yMax=-52.596058061397336&amp;yMin=76.39084946669426&amp;mapType=t&amp;icfg&amp;iconSize=0.5"></iframe>

Could you please guide me how to fix it?

Thanks a lot!

2

Since you forgot the example, I’m not sure whether you tried this or not, but I used that some time ago and it worked :

<ion-content overflow-scroll="true">
   <iframe ng-src="{{embedUrl}}" style="width: 100%; height: 100%"></iframe>
</ion-content>

You also want to use the inAppBrowser plugin I think. It might help.

3

Thank you Jerry. I added it but, it is not showing the code. That’s why I did screenshot.

So I need to change src to ng-src?

4

I’m not sure, didn’t play with this since a long time. I don’t think it will help you to change to ng-src, though, since I did that because I had random urls. You should better add overflow-scroll=“true” to ion-content and try the inAppBrowser plugin

cordova plugin add cordova-plugin-inappbrowser

good luck

5

I see. I’ll try it. Thank you so much. :slight_smile:

6

It is same like before. It is worked well in simulator but, it doesn’t work in real device (Android). iOS is worked. I don’t want to use inappbrowser

7

Anyone can help me??

8

I have a same problem…

9

If you are using cordova 5.0 or above then add the white-list plugin.

ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git

10

yea, use the whitelist plugin and add in config.xml

<allow-navigation href="*" />

1 Like
11

Thank you! it works :slight_smile: :grin:

12

Did you say not all versions are supported? Is it going to work with computer monitoring software? As far as your question is concerned, Capacitor Push Notification is not the most convenient option for me