How to test your web applications on mobile? - html

I don't have money to buy mobile phones, iPhone, etc, but I do want to make my web applications available to mobile devices. Are there some software to stimulate these devices, or what should I do?

BlackBerry Iphone and Android, you can use these simulators and emulators for testing.

Sure, there are emulators you can use. For instance, you could use have a look here for some device images from Microsoft http://www.microsoft.com/downloads/details.aspx?FamilyID=3d6f581e-c093-4b15-ab0c-a2ce5bffdb47&displaylang=en You can test on various screen sizes.
Also an interesting site is http://www.testiphone.com

My first testing platform is Firefox with his extensions with help of mobiready. You could use Openwave emulator (it is difficult find direct link) and Nokia SDK 40 Series. Althought this is a old and crapy software. You could use windows mobile emulator too.

depending on your scope & budget, deviceanywhere might be an option? i've got no experience with them myself, but I know a number of suppliers of ours (I work for a telco in europe) use their subscription-based test center on the web.
the product that might suit your needs would be 'test center' and there's a specific 'web developer' package that you could choose.

Related

Responsiveness - iPad in Chrome vs iPad in Mozilla Firefox

I am developing a website in a Windows system. I have Firefox and Chrome browsers installed. When I checked the responsiveness of my webpage by setting the device as iPad(768 X 1024) using 'inspect element' feature in these browsers, I could get different resultant UI for same device. Why is it so? On which browser can I rely on as I don't have any Mac/Apple devices with me to test? I am concerned of using other online web tools due to security issues. Please help. Thanks in advance.
There's a tool for checking responsiveness called browserstack. You can try it from here: https://www.browserstack.com. They're offering free trial.
Unfortunately there's no real substitute for device testing. Companies like BrowserStack offer real remote device testing but at a cost. With regard to browsers rendering differently, this has always been a pain. Look at CSS resets.

Virtual Handheld Device Testing

A service that I often use to see how well my efforts are shaping up in different browsers and OSs is BrowserStack. Does something of the same ilk exist for testing out the behavior of different mobile devices? Say for instance I want to check the behavior of a webapp on an iPad, a Galaxy Tab and a Surface. Is there a service in the cloud that can help me do this?
http://www.genuitec.com/mobile/ - try using for ipad/iphone/android. But I don't think it's ideal solution. Sometimes I use android SDK emulator as well.

Features phone vs Smartphone: can features phone run Web based application?

i was reading an article about smartphones and features phones, and i was surprised to see that smartphones share only the 28% of the global MArket. In Africa, Asia, South American and so on there are still plenty of featured phones.....Than thanks to Java platform and Brew can run just a few third part made applications.
Now i was also reading another article about native app vs Web applications. Web application are crossplatform and thaks to html5 the gap between them and native apps is gonna be smaller.
My question is, Can features phone (or at least a part of them) run Web applications? SO Web applications are actually targeting also features phone........You just need a browser to run web app, do they have it? And are they gonna support html5 or only html4?
First off, the phrase "Feature phones" has no exact definition. All it really means is that they have less capabilities than "smart phones", but more capabilities than a "simple phone".
One of the capabilities that a smart phone is usually better at is the quality of the browser. Feature phones usually have a less full-featured browser that will likely not support much of HTML5 and usually be somewhat behind the capabilities of a recent smartphone as they are usually trying to work with smaller memory and a slower processor.
Plus, you can generally expect smaller screens and more limited user interaction making it more difficult to interact with a web app.
If you are going to build web applications for feature phone browsers, they would have to be incredibly basic. In my experience, feature phone browsers don't even fully support HTML4. Maybe they've changed since I last had a feature phone, but web browsing in general was almost pointless on my old feature phone. Web pages looked horrible, connection speeds were horrible (less than 3G), and the screen was way too small. Any web applications built for feature phones would have to pretty much be text-only to be usable.
Nokia Asha series support web app. Though they are not smartphone but can work like them except some features.

HTML5 on mobile web browsers

I need your advice guys. I am developing a web browser application for mobile phones and it will be pure html5. I want that web browser application (not native application) to run on every mobile phone's web browser and my questions are
How I am going to adjust layout for different screen resolution? How can I achieve cross-platform compatibility make it look ok on every device. Do I need to do have a CSS file and have layouts for different resolutions.
If I need to have layouts, is there any cross platform mobile web browser application developing tool that gets html5 files and generates modified htlm5 files with layouts for different resolutions?
Thanks for your time...
To automatically adapt the screen resolution, you can use 3rd party framwork such as http://jquerymobile.com , http://jqtouch.com , and http://www.sencha.com/products/touch/ . But the widest cross browser compatibility is jQueryMobile, take a look at http://jquerymobile.com/gbs/
I don`t really know about the tools what you want. But so far I developed by using framework, so cross browser compatibilty will be less painful. I write the code by using 'commonly used IDE' such as Aptana, and Eclipse with JSDT.
I dont think you can access phone hardware feature by using pure javascript. For GPS, Ive never tried to use HTML5 geolocation API on mobile web apps. But there is 3rd party bridging tools to make your HTML5 web apps to have access on hardware device and ported as native apps, it is http://phonegap.com .
Hope this help you, Correct me if I`m wrong :D

What's a reliable method for setting up telephone links for mobile browsers?

I'm working on a quick page intended for mobile browsers. While there is little consistency between browsers on cell phones (the target audience), I have a phone number that I would like to be as easy as possible to dial from the users phone. A link seems the obvious choice; so I set up the following:
1-888-123-5467
This seems to work OK on more advanced browsers such as the Android & BlackBerry browsers, it's a lot less reliable on other phones. Any advice on making this link work consistently and or correctly will be greatly appreciated.
FYI, this is a toll free domestic US call, but I imagine that some devices may be looking for a more general format.
The approach you are using is the 'standard' way to do this (i.e follows RFC 3966). If a mobile browser does not interpret it correctly, the only obvious way to fix this would be to extend or modify the browsers behavior itself, which you probably do not want to do or have access to do.
I believe it is supported on Windows devices (mobile explorer), iPhone (safari), Symbian and from what you are saying Blackberry and Android.
Are you finding problems with theses devices or are you supporting other mobile phones also?
Note that others seem to be having the opposite problem with iPhone and iPad as the default browser (Safari) changes anything that looks like a phone number into a link:
http://www.darowski.com/tracesofinspiration/2009/03/31/stop-iphone-from-incorrectly-auto-linking-phone-numbers/
What I eventually came up with was a link that worked like this:
1-888-123-4567
This has worked on every phone tested so far, including Android, BlackBerry and some very clunky older phones. From what I gather, the structure of the link works like so:
WTAI references the Wireless Telephony Application Interface. The wp/ refers to the WTAPublic functions. The mc; is the makeCall function, and then of course you have the phone number. Similarly, you can do a link like this:
Add to addressbook: 1-888-123-4567
This is the same except mc; has been replaced by ap;, which refers to the addPBEntry function. This adds the phone number to your address book or similar stash of phone numbers.
These two sites were helpful in my research:
http://www.oreillynet.com/wireless/2004/02/06/mobile_browsing.html
http://www.informit.com/articles/article.aspx?p=22182&seqNum=4
I've seen big sites like yelp use a different method for accomplishing this, where they use vcard and tel classes:
http://microformats.org/wiki/hcard
<div class="vcard">
<span class="tel">(555) 555-5555</span>
</div>