iOS loading iFrames

  • 1
  • Problem
  • Updated 4 years ago
In the app we are developing, we are using iFrames to display certain pages that aren't stored within the app. A couple of versions ago, this was working okay on iOS, but then around update 0.3, iOS now displays nothing instead of the iFrame when it is tested.

I looked up on Google for some help on this, but there are no current results. The newest information seems to be from 2015. I waited a while before posting to see if it would be fixed, but updates have yet to address it.

To isolate the problem, I have tried making a new app with default settings and a basic page that shows an iframe of the URL intended to be shown. This doesn't work on iOS, but works fine on Android and Windows (not phone).

I have also tried the idea here and it didn't work: https://groups.google.com/forum/#!top...

Is this a known issue? Is it being addressed? And is there anything I can do to get the iFrames to work again in the meantime?

Let me know if you need more information. I am not sure what is needed to be said.
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
This doesn't work on iOS
What does it mean? Don't you have an iframe at all? Doesn't the external site load there? Do you get any error messages?

around update 0.3, iOS now displays nothing
What version? Of what?
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
Sorry about the lack of specifics. The iframe area loads, but not the content. It shows this:



The green is a border. The blue is the area within the iframe. The url does load in iFrames elsewhere.

It was around update 0.3 of PhoneGap Desktop.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
If you are using Phonegap Desktop, your zip file will not be compatible with PGB.
Can you confirm that both your config.xml and index.html are in the root ("/") of your zip file?
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
What is PGB?

As for zips, I do not have a zip file anywhere. Should I?

Within the folder PhoneGap Desktop is looking at, the config.xml is in the root, but not the index.html . The index.html is in a www folder.

Here is a picture of the root:

And the www:


"Webpage Bring In App" is the title of the app used to test bringing in an iframe.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
What is PGB?
Phonegap Build, the cloud tool which this forum is about. If you post here, I must assume that you use Phonegap Build to build your app.

If you are building locally, or use the Desktop app only, you may be a bit lost here. This forum is all about Phonegap Build, the place for Phonegap developers who don't install anything.
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@Nicholas,
Since this appears to be your first posting, please answer the following questions.
- is this your first hybrid mobile app?
- are you using phonegap desktop app?
- Are you using CLI, Build or SDK? Please do not assume the answer. Please read the link.

Thanks
Jesse
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
Then I think I am in the wrong place. I was under the impression this was a general PhoneGap community support. Do you know a place I can get support for the PhoneGap Desktop version?

In any case, thanks for your help.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
You can turn to the Phonegap Google Group or to Stackoverflow.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
There's also a specific Phonegap Adobe forum, but I don't recommend it, because repsonses are very slow (if any) and it appears to be dead already.
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
All right. I will check there. Thanks again for your assistance.
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
Oh, and JesseMonroy650, just noticed your post.

To answer your questions:
- is this your first hybrid mobile app? Yes.
- are you using phonegap desktop app? Yes.
- are you using CLI, Build or SDK? Based upon that link: I know you said not to assume, but I am not sure if I am reading things correctly. I think I am using CLI. I am basing that off this reasoning.

I am not using SDK since I didn't configure the config.xml for anything. I am using Notepad++, though.
I am not using PhoneGap Build, as I have not signed up for Adobe PhoneGap Build. I was not aware of that before today.
I have used the CLI with the "cordova build" command (among others) when testing building the application in cmd.exe
Does this help? If not, please tell me what you need to know.

Whether or not you can assist further, I'll also try out StackOverflow and the Google Group in the near future.
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@nkubley,
thanks for writing the note. Yes, it appears are using CLi. You should know that CLI and SDK are similar. The big difference is that SDK is intended for use with IDEs.

Should want a simpler development environment for Android, iOS and Windows, you might consider PGB. With PGB, there is only HTML, CSS, Javascript and config.xml. No downloading, no installation, no plugin maintenance, no security updates - all that is handled by PGB.

Best of Luck
Jesse
Photo of nkubley

nkubley

  • 7 Posts
  • 0 Reply Likes
@JesseMonroy650
All right. Thanks for clarifying the distinctions. I will consider PhoneGap Build.

Thanks for your help on this.
Photo of M.Erkan Çam

M.Erkan Çam

  • 13 Posts
  • 2 Reply Likes
@nkubley did you solve the problem.? if yes. How did you make it ?