How to convert JqueryMobile website to ipad, tab website - iphone

I have created a website using jquerymobile for smartPhones like iphone, android etc. Now i want to convert this website to ipad, tab website. How can i convert it? I am not sure is this jquerymobile working for both smartPhones and ipad???

Yes, jQuery Mobile works on all mobile devices, you do not need to make changes. You can, however, make an optimized version for tablets.

Related

Access mobile device camera from a grails application using jquery mobile

I have a grails application using jquery mobile. I am hoping to find some way to access the camera on the devices. I thought about using flash to grab the webcam but that obviously wont work on Apple devices.
Does anyone know of a way to do it and keep it all browser based? I am hoping that there is a plugin somewhere or maybe html5 has some magic in there that supports it.
I have researched this quite a bit (although about six months ago) and there is no API in the Mobile Safari browser for accessing a device's camera.
You have to have a native application for this type of functionality. For instance PhoneGap lets you use a device's camera: http://docs.phonegap.com/en/1.4.1/phonegap_media_capture_capture.md.html#Capture

Is there a web app that emulates the iPhone browser?

I'm trying to get an iPhone browser emulator to work on my website so it will work on all platforms. Are there any Javascript snippets that emulate the iPhone browser? I need it to zoom and browse the web, but the bookmark function is not required.
There isn't such a thing, as the iOS browser has a number of differences to any desktop browser.
The closest you could have is an iFrame surrounded by a picture of an iPhone, and instruct people to use Safari 5.
If you're on a Mac, you can use the iOS Simulator. Download Xcode from the App Store and with it comes the iOS Simulator, which also has the Safari app virtually exactly as is on the iPhone.
http://www.browserstack.com/ does exactly that. It ain't perfect, but it works..

Can I successfully do iPhone/iPad website development/testing on Windows?

Can I successfully do iPhone/iPad web development (not native apps) on Windows, and without having an iPhone/iPad device?
I.e. work like PSD-to-iPhone-optimized XHTML/CSS layout.
I’m interested to learn about and make iPhone/iPad optimized websites. Any tips? How different will it be from desktop? What’s different other than the smaller screen?
From experience I will say the only true way to test for the iPad is to test on an iPad. I have been developing a site in html5 specifically for an iPad and we initially used the iPhone to test. The drag function we had implemented with jQuery had worked almost perfectly on the iPhone but after the client had tested on the iPad they came back to us and said the function did not work period and they were correct.
I guess this could change depending on what type of development you are doing. From experience I would say either A. Make some trips to the apple store B. Make friends with iPad owner C. Buy and iPad
yes for an ipohne emulator... try MobiOne.
It's a good application to test the pages in iphone like environment.
http://www.genuitec.com/mobile/
I don’t think you can really do iPhone/iPad development successfully without an iPhone/iPad at all, whether on Windows, Mac or Commodore 64.
If you’re serious about iPhone/iPad development, how could you not try your software out yourself on the devices it’s going to run on? Your clients are going to want code that works on the iPhone/iPad. You need an iPhone/iPad to check that it works.
if your developing a web app then i think you can use this: http://ipadpeek.com/
The answer is: Yes you can absolutely do iPhone and iPad website development on a Windows PC.
However, you really should/must test the result on an actual iPhone/iPod Touch/iPad. Especially if you are integrating in any way with special device features like the dialing feature of the phone. (Yes you can have phone numbers in a webpage trigger dialing when you tap on them.)
However, you can do the bulk of the development on Windows, testing the WebApp in Safari or Chrome, which are the most fully compliant HTML5 WebKit based browsers out there.
Also highly recommend using an HTML5 touch framework like jQuery Mobile or Sencha Touch. This will go a long way to ensuring that your WebApp is optimized for the screen size and touch gestures of the mobile devices.
Remember that you can't deploy a pure WebApp to the app store, only download it from a website. You'll need a native wrapper like PhoneGap for that. And to compile a PhoneGap wrapped WebApp you'll need XCode on a Mac.
But there's a lot of power in adding your WebApp to the home screen on iOS. No native code involved and you get a full screen webapp with a home screen icon, loading image and no browser toolbars. Highly recommended.

ASP.Net MVC jQtouch iPhone device profile/authentication

I'm building an asp.net web application for an iphone using jQtouch. How can I read the device serial number from asp.net mvc?
In short, I don't think you can get the device ID through iPhone Safari.
iPhone Safari, like any other browsers, works in a black-box model and only let through a selective set of information about the system, such as geo-location and device orientation. The Safari Web Content Guide by Apple documents several features specific to Mobile Safari.
A lot of the API's like JQTouch are interacting more and more with the device itself with things like geo-location etc. When I need to get more into the device and hardware I use tools like PhoneGap that allow you to work directly with the device like a native app (almost) still using javascript to do this. PhoneGap opens up the device functions to embed in your web page to leverage in your application. The catch is it is still a web site, but is now an application and must be added to the device through the likes of the app store or market etc.
You can read more at www.phonegap.com . I have had good luck with it so far combining JQTouch and PhoneGap.

HTML5 AppCache in UIWebView

I'd like to make use of appcache in my native application on the iPhone. Though Mobile Safari supports appcache it seems that the UIWebView that you can embed in an application does not.
I know with a bit of work, I could simulate some sort of appcache like functionality in my application, but this isn't good enough - I'd like access to the same appcache that Mobile Safari uses.
I'd be willing to use some of the Private Frameworks in the iPhone SDK, as getting this working is a much higher priority than being able to submit to the app store.
Thanks!