I've developed the mobile html application with jquery mobile and css. My targeted devices are both iPhone and android.
I've used the basic syntax for html such as table and div tags in coding. For design, i've used jquery mobile. The problem i am facing is that, my application runs successfully in iPhone simulator. but when i test in android emulator, the jquery styles are not applied. I dont know whats the issue.
Need your help in fixing this issue.
Thanks,
Balu
Related
I have created one quote app using phonegap with jquery mobile collpasable for android.when I run the same code in computer it just works fine and to the surprised few times it just work fine in mobile also but most of the times it will not show any data in mobile devices but in desktop it will always work.I tried everything but of no use.here is my desktop link.
Way2enjoy.com/touch/w2et/collapse.php
Here is android apk.
http://www.way2enjoy.com/touch/w2et/quote.apk
does not work on newer version of jquery,here is details
http://www.raymondcamden.com/2011/4/5/Collapsible-content-and-Ajax-loading-with-jQuery-Mobile#cC31B6DEC-D263-F1C2-6CA71EACBFF8ADE5
Any guide/suggestion will be very helpful
I have developed a mobile based web site targeting all the phones and tablets. The page loads fine on android devices and phones. But the web site takes lots of time to load on the chrome browser on IOS devices(Iphone, Ipad) and when it does load the css styles break, there is no problem in opening the website in safari browsers on IOS. What is cause of this problem, is it the browser ?
I came across few articles which mentioned that there is problem with chrome on IOS, how can I fix this or is there a solution for this problem. Any answer will be helpful.
Thanks In Advance.
I know both use the same webkit version (537.36) and both use the same javascript engine (V8), but are there any other major differences between them?
I have a webapp with automated tests for desktop Chrome but nothing for Chrome on Android. I'm trying to decide if I know it works on desktop Chrome do I need to go through the trouble of testing it on Chrome on Android, or are they similar enough that I should have confidence it works on both.
Thanks!
Main difference is that Android don't have Flash because of the HTML5 implementation, and also there's a lot of different screen sizes and users don't like to zoom in and out a pan and zoom again, so the best you can do is to create a web designed for mobile devices.
On the other hand, if your site is mainly HTML and Javascript, will work 100% on mobile Chrome. I have a HTML5 game and works equal in desktop and mobile.
Also, you can download the Android SDK and test your site in a bunch of different Android versions and screen sizes with the AVD, is like an official Android emulator.
I have an Android 4.0 device and a Smartphone with Android 2.3.4. I just started to study jQuery mobile and I noticed that the jQuery mobile's visual doesn't look good in android 2.3.4, seems the buttons are "pixelized" and the transitions don't work. Does somebody know how to fix this? Is that a problem with the jQuery mobile's version?
I'm using jQuery mobile 1.0.1 and jQuery 1.6.4 as recomended in the oficial site.
Thanks.
The Challenge
I would like to create a simple website for:
iPhone 3 and 4
iPad
Android 2.2
– BBerry OS 7 and Playbook Browser
Symbian
Desktop Webbrowser
The Problem
Whats the "best-practice" for detect, optimize and deliver the Webapp for each device/screensitze? I know this is about HTML5, CSS3 Mediaqueries and JS. HTML5 Boilerplate is a good point to start.
But:
Should I detect Browser/Devices via backend/front? What are good
libraries?
How Do I detect different screensizes? What are good libraries?
etc.
Use Phone Gap as your starting point.
Depending on your use case, there may be other libraries you may want to pile on top of it, but basically Phone Gap is what you should start with.
My suggestion would be to use Sencha Touch. Its a very mature mobile app frame work with a very active community. They support any mobile that uses the webkit based browser which is everything on your list(Im not sure about the symbian browser).
Sencha 2 which will be released by the end of october will have its own native packaging library, so the use of phonegap wont be required. But it work well with phone gap if preferred.
Mobl is new language for the mobile web. just a look on it.
Adobe's Edge is the most refined HTML5 creator that also supports Android, iOS and Playbook (IMHO forget about Symbian, that's Nokia's half dead platform). BB7 uses webkit like most other desktop and mobile browsers.
Note that coincidentally Phonegap (that I see in other answers here) is part of Adobe now.
You can give a try to Titanium's new web SDK too.
And then look at this SO question which is very similar to yours and has lots of useful links in it.