Skip to main content

How to test Mobile Web Application locally

Recently I started building a mobile Web application. Now I wanted to test how it looks on a mobile device like an iPhone or Windows phone browser. One option was to use simulator or change user agents in browsers on PC. You can easily do this with Developers tools in Firefox.

Another option is to setup you application as a website in local IIS. If you are running IIS on Windows 7, start IIS Manager and create a new site. Point this site to your local web application folder. Now add a binding to point local IP address of you machine (e.g. 192.168.1.1) to your web application. You can option local IP address by typing ipconfig on your command prompt.

Now connect a mobile device to your local network over wifi. Try typing the local IP address of you machine in the browser. If you get message that page cannot be displayed, chances are that the firewall on your local machine is blocking incoming http request.

To fix this, start Firewall on you machine and add a new incoming rule to allow http traffic on port 80. You can restrict the access by device.

Refresh your browser on you mobile device and hey presto, you can test you local application on your mobile now.


Comments

Popular posts from this blog

How to detect HTML5 support for a browser?

HTML5 has introduced lots of new cool  tags . Not all the browsers support all tags and also the implementation of these tags may be different for each browser. HTML5 specification defines the functional aspects of these tags and not the implementation. Also the general concensus is that by 2022 all browsers will support all new features of HTML5. Of all the modern browsers, Chrome seems to have implemented most, if not all, featutes of HTML5. IE9 supports few. Firefox sits in between. So as a developer how do you make use of the cool HTML5 features without causing any compatibility issues with existing browsers? Traditionally developers have used User Agent to detect browser type and use the features accordingly. However these days, you can easily change a User Agent by using addons in your browser. So you need a more robust way to detect the features supported by the browser as the same engine of two different versions of a browser mig...

Searching Unicode characters in Oracle table

Oracle implementation of Regular expression has no support for using hexadecimal code to search for Unicode characters. The only way to search for Unicode character is it use the character itself. Normally with Regular expression, you can use \x or \u followed by hexadecimal code to search for any character. E.g. \x20 will match space. But REGEXP_LIKE in Oracle does not support \x. You need to use unistr function to convert the code to equivalent character and then use it with REGEXP_LIKE. E.g. REGEXP_LIKE(source,'[' ||unistr('\0020')|| ']');

System.Configuration in .Net Framework 2 onwards

Often application need custom configuration section. System.Configuration namespace includes classes for reading and writing configuration settings. There is a slight difference in how you use this namespace depending on the Framework version you are using Prior to .Net Framework 2.0, the .Net Framework included System.Configuration namespace, but that version of the namespace is now outdated. If you simply add the System.configuration namespace to your project (using in C#), your application references the outdated namespace. To refer to the updated namespace, follow these steps 1. In VS, open the project that requires System.Configuration namespace. 2. Click on the Project menu and then click Add Reference 3. On the .Net tab, Select System.Configuration as shown in following figure, and click OK 4. Now add the System.Configuration namespace to your project normally using Imports (in VB) or using (in C#) and your application will reference the correct version of the namespa...