Debugging a local mobile site - mobile

I'm developing a mobile site for Android and iOS and I would like to see how it looks in Android Emulator and the iOS equivalent. My site is still only local, so I can't simply deploy it and go to phone's browser. I am using WAMP. How do I achieve this?

You can use PhoneGap and deploy your HTML files within it to see how it looks. Although it would not have the url bar on top like a mobile web browser but it gives you a good idea of things like performance and all the quirks you get with your mobile device.
Here is the Getting started guild from PhoneGap.
http://phonegap.com/developer/

Related

Web to mobile app converter

I am looking for a service / software which takes website and wraps it in a mobile application for iPhone and Android. Without any additional features such as navigation or push messages. Just wrapping website + select app logo and name.
I am not able to find such a thing.
Maybe somebody knows?
You can try ionicframework or jQuery mobile for converting web app (client side javascript) to mobile app. Which supports both android and iOS.

Can you use the Ionic framework to build Mac apps?

The title pretty much says it all. I was asked this question today and really didn't know the answer.
Ionic is not intended to build desktop, or even desktop browser based applications.
From the official docs :
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.0.0
"uranium-unicorn", that means UIWebView for iOS 7+, and Android 4.1
and up. Windows Phone and FirefoxOS support is on our roadmap.
Even if you implement a browser website using ionic, the rendered output would rather weird.
Infact, Ionic has itself implemented it's website using bootstrap ;)

Using Onsen-UI for Mobile Website and not for Mobile Application

Do you think it's good to use Onsen-UI for mobile websites and not for mobile application?
Was it not made for this purpose?
I have gone through their website and found nothing regarding mobile websites.
In case it does not work for mobile websites, may I know why?
Are there any specific mobile APIs that are not present in mobile browsers but its there in the application browser component?
Do you think it's good to use Onsen-UI for mobile websites and not for mobile application? Was it not made for this purpose?
I think that Onsen UI is originally created for developing mobile app. However, no matter happened when I adopted Onsen UI on my local web server and accessed with latest Firefox, Chrome, Safari and Opera, though I'm not sure in case old browsers.
Are there any specific mobile APIs that are not present in mobile browsers but its there in the application browser component?
I'd read their documentation and .js file. But no such APIs found. I think there are no such APIs.

Persistence solution for mobile Phonegap / HTML5 App

I am developing a mobile app for Android and iOS using jQuery Mobile.
The app will be deployed to Android and iOS devices utilizing Phonegap.
My problem is that I need a local offline data storage mostly for read operations.
I am planning to pull a data set from a web server (MySQL/web service) about once a month (whenever there is new data) and store it for local use on the device.
Now the question, what persistence solution should I use?
There is a tool called lawnchair by a member of the Phonegap team. Anyone tried it? What are the pros and cons? http://westcoastlogic.com/lawnchair/
What about sqlite? Is it working across Android and iOS devices?
THX
You could simply use HTML5 Storage / SQL Lite for this. Take a look at: http://diveintohtml5.ep.io/storage.html
I`ve been using Localstorage on iOs and Android without any problems, and since localstorage is backed up by sqllite i think you should be fine. (but i canĀ“t say anything for sure for sqllite on android)
HTML5 storage works fine on Android. A nice tool to make reading and writing to the database easier is persistenceJS.
I've just started on setting up the iPhone version of my jQueryMobile / Phonegap app. It stalls right at the point where the first call to localdb is made. This may be a problem of the iOS simulator, since the regular Safari runs my app just fine from the browser.
The HTML5 LocalStorage option will works fine until iOS 5.0. But there might be some problems from iOS 5.1 and later.
So my suggestion is to write some javascript code to back up to the document folder via fileAPI, and reconstruct the WebSQL database periodically.

Mobile devices web browser simulator

I'm looking for iPhone, iPad, Android and other mobile and smartphones web browsers simulators on x86. I would like to check how my web application written for standard web browser will be displayed on these devices.
The dev kits for these platforms include platform emulators, in which you can run the browser for that platform and load your web site to see how it will look.
http://developer.android.com/guide/developing/tools/emulator.html
http://developer.apple.com/programs/ios/develop.html
I'm programming a web application for mobile and I use JQueryMobile.
You can have more informations here :
http://jquerymobile.com/gbs/
if you just want to quickly view how a webpage would render at various mobile device resolutions then synthphone.com is a nice little webpage...
http://synthphone.com
you can even link directly to a url via query strings. for example, here is one that should load the Sencha Touch 2 carousel. Use your mouse like a finger to slide around the images etc.
http://www.synthphone.com/?u=http://dev.sencha.com/deploy/touch/examples/production/carousel/index.html
have fun!

Resources