Using iFrames in Phonegap And App Crashes - android

I have created an app with PhoneGap 2.0.0 for Android on Eclipse but when I try run the application either on an emulator or my phone(signed application with no errors) it only shows up the static html pages. When I go to a page where I have used iFrame to load another webpage into it, it simply crashes.
This is the screen I get on the emulator and the same message is displayed on my phone as well(SE Xperia X10)
Screenshot of Emulator with The error :
After showing the message the app crashes instantly. Please let me know if I need to add any other permissions or add other settings or make any changes for this to function because the iFrame functions properly outside Phonegap on browser(including phone/desktop browsers)

At least some versions of PhoneGap use an iframe to communicate with the native layer.
I'm most familiar with the iOS version, where there are definite bugs in the browser's support of iframes ( https://issues.apache.org/jira/browse/CB-593 ). I don't know if there is a similar system level issue on android, but there could easily be some part of your code that doesn't expect that second iframe to be there.

Related

Use custom WebView Engine in ReactNativeWebview

I am using react native webview for my app show my website built on React & Vite.
The probl is that some users complain about the app showing a blank screen, after further investigation I found that the user should update 'Android System Webview' app and then every thing works fine.
But the other problem is that I am targeting a zero-tech experience users who might don't event know how to update apps.
So I thought about using custom engine for ReactNativeWebview like mozilla or using my own updated android system webview, maybe ?

Load webside in iOS App and Android App, not loading after changes

I have a page that is opened inside a webview (Android) and uiwebview(iOS). When it is in the app, it works perfectly, but when I made a change in the code in the hosting site, the page wont't load in Android or iOS either. It's telling me that "error resource is not available". The page does load after refreshing many times. I don't know what is happening. The page is built in Laravel 5.1 and my hosting site is GoDaddy.
Does anyone has the same problem?
Is the app hosted on godaddy using javascript files? In that case you might want to handle that in android app.
For starters you can try to access the website in chrome/ any browser on android device, if its working, try and delete data/cache of app from settings. Or simply just uninstall and install again.

Cordova/Phonegap and HTML5 App cache on Android

I'm trying to make an app which is available to users while offline, but updates if it's online . So i was thinking about using the HTML5 cache just for that, caching up the most recent version. The problem is , sometimes it works sometimes it doesnt. I have an index.html page in my Cordova App which sets your window.location to the http online link. Why wouldn't it work all the time? I have my manifest.appcache configured and mime-types enabled, sometimes it will just show a blank page not found ,even though it downloaded a page which included a manifest. Is there anything i'm missing? I put the link setting in index.html after the javascript body load event. It's android that i'm testing , so far i tried with an Iphone 1 time and it worked.
If you guys know more, please share

Jquery Mobile App not displaying certain images on Android

I have a full Jquery Mobile app the currently builds and looks fine in multiple browsers. I am currently working on getting the version ported using phonegap for android. As it loads up on the phone, it has several images that are loaded depending on localStorage (I originally used cookies but found some android devices aren't too friendly with that). Now, almost all of these triggers load images fine, except the last page. A certain set of images won't load, and I get the error (when running in an emulator Unknown chromium error: -6. Others on the page use the same process and have no problem, and all the images are referred to locally.
Why would this be happening and what can I do to fix this?
Turns out in the android browser, under phonegap, file names are case-sensitive. So it wasn't able to load things with capital letters and such.

emulator not displaying web content properly

I'm using webview to display content from certain URL.
Check 2nd and 3rd links by opening separately in your computer browser from here
2nd link
and
3rd link
.
2nd and 3rd links works fine in computer browser but when I try to load them in webView, it is not getting properly displayed.
in 2nd link, link is getting opened, but charts are not getting displayed while in 3rd link nothing is getting displayed at all.
3rd link also contains a chart made using 2nd link.
Is this problem occurring because of any limitation of android emulator?
Note that I TRIED WITH 4.0 EMULATOR, BUT I GET THE SAME OUTPUT...
ANY HELP WILL BE LIFE-SAVER !!!
Screen Shot
It appears the links are all using SVG. That is introduced in 3.2 as a quick google shows: https://www.google.com/search?q=android+svg+browser+support&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a
This is not supported in 2.2, I would recommend using a simulator version of honeycomb, 3.2 or IceCreamSandwich.
One of the common reasons for the web page to appear crumpled in mobile is because they are designed for browser width and height and not mobile versions.Simple example: See the difference in facebook page on browser and on phone. It fits properly because it the mobile version ( m.facebook.com,m.google.com).If you can , then get the mobile version of the webpage.

Categories

Resources