I'm currently developing an Android application who uses a WebView loading html/js pages.
These pages are games developed with jQuery, especially to make animations.
I have an issue on Android 4.0.3 . I can't get animations to work correctly. But the weird thing is that it works on Nexus S and not on a Sony tablet. Both run Android 4.0.3 and the same application with the same code.
I tried to use jQuery mobile but it doesn't work
What do you think about that ?
Please help me.
Thanks in advance
It seems to be a known issue at the jQuery-camp:
http://forum.jquery.com/topic/jquerymobile-1-0-does-not-support-android-4-0-ice-cream-sandwich
Related
I am working on a cross-platform application developed using html5, css3 and angularJS.
I am facing an issue in showing the ScrollBar on android device.
I have used -webkit-overflow-scrolling: touch;
It is working fine on iPAD but its has no effect on android device.
Need help.
Thanks in advance
As you have rightly said, Android native WebView does not "show" a scroll bar when using overflow:scroll|auto. But the scrolling is allowed when you touch and move the container around. So scroll should still work as expected, without the bouncy effect.
Another Android catch is till 4.4, the native WebView is not the one used in Chrome, i.e. ChromeView. So you are going to have to deal with it by using a javascript polyfill, like overthrow.js [http://filamentgroup.github.io/Overthrow/] or iscroll. Personally, iscroll ux sucks on Samsung Galaxy Tabs.
But if you are targetting Android 4.0>=, then this might help https://github.com/pwnall/chromeview. Haven't personally tried it though.
Check out for more details on webview changes https://developers.google.com/chrome/mobile/docs/webview/overview
Android 4.4 (KitKat) includes a new WebView component based on the Chromium open source project. ...[truncated]...., so rendering should be much more consistent between the WebView and Chrome.
As of this writing, -webkit-overflow-scrolling was exclusive to Mobile Safari on iOS 5 and later.
As of mid-2012, the latest Android version (4.1 Jelly Bean) does not support it, but it IS supported in Chrome for Android, which can be downloaded from Google Play (and only supports Android 4.0+). Android 3.0+ supports overflow: scroll, but it's not very snappy.
Referred from : How much support is there for -webkit-overflow-scrolling:touch
I build an iOS app using Cordova and it renders as expected on any iOS device. Now I'm using the same framework jQuery for the Android version and when i run the Android simulator it renders completely different. As you can see from the screen shots. This is my first android app so I'm not sure if I should be coding differently. Any thoughts or suggestions are welcome. Thanks.
https://www.dropbox.com/s/daigevqmmhwttdc/iOS.png
https://www.dropbox.com/s/b9p9ewqee68ty8b/Android.png
It's impossible to have the completely same behavior on all devices with HTML.
They are not that much different really. Also users using Android may not expect the same look-and-feel as those using iOS and vice-versa. Do they really need to be identical?
I have made HTML5 application which is using vmoss platform, similar to phonegap. The application was running smoothly on samsung galaxy 10.1 tab with android version 4.0.4. After the client updated the device to android 4.1.2 now he is complaining of following issues.
Calendar control not working in new version
Text box controls having focus issues
Application GUI Issues because response is very slow
The page where issue of slowness comes is the page where child pages are loaded inside one of its div.
Can someone tell me, is it android os update issue or what?
i think it's because of the platform not updated to work/cope well with version 4.1.2
this one is vmoss platform issue.
Better try to run simple Html page with all these control without using the VMOSS at backend and see if there will be any issue.
Some time the version of Jquery doesn't fully support by the browser.
I created an application in html and JavaScript but it has the same bug is that with Android 2.3.6 with iPhone 5.0, while the Android version 4.0.4 the bug is not there.
To make it easier to explain my problem I put a link to the recording of my monitor.
The video on the iPhone, but on Android is the same. This application is for my thesis.
You can listen for showkeyboard/hidekeyboard events and resize your UI as appropriate.
I've create an android aplication using phonegap and jquery mobile, when I test it from android version Gingerbread (2.3.3) everything is fine, but when I run my application on android phone with android version ICS (4.0.2), all images not showing. why my images not showing in android phone with ICS? and VideoRecording functions too not works in higher version well.
here is the sample code: http://pastie.org/4201837
I have also had a lot of issue with phonegap and ICS. The reason for this is due to the fact that their are a lot of Web View Bugs within the ICS firmware.
This is mainly due to the fact that Google want more native apps and therefore have not bothered properly supporting web view apps, such as phonegap.
They are slowly working through the more major issues. How are you currently displaying the images, like below?
<img src="test.png" />