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.


Labels:

Comments

Post a Comment

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 might support different features. To detect t
Post a Comment
Read more

How to deploy Lambda function in AWS from developers machine?

  In previous post , we saw how to setup local development environment and test a Lambda function locally. As a developer, you may want to test the function in AWS environment quickly to make sure your code is working. In this post we will look at how to deploy the function in your AWS account. We will look at CI/CD pipeline to automatically build and deploy Lambda function in next post.  If you followed the instruction in previous post , you will notice there are three files in your solution LambdaEntrypoint.cs - This is the entrypoint for AWS Lambda.  aws-lambda-tools-defaults.json - This is the configuration file used by Lambda tooling. Update this file to add AWS profile you created while configuring AWS CLI and region you want to deploy your code. Note make sure you have this setting in your template as for some reason, it is missing from default template.  "function-runtime" : "netcoreapp3.1" , serverless.template - This is CloudFormation Serverless applicatio
Post a Comment
Read more

When to implement IDisposable?

In .Net, garbage collector is very good at cleaning up managed resources. Managed resources are object implemented using .Net framework and something that the Garbage collector is aware of. Unmanaged resource is anything that is implemented outside .Net framework and Garbage collector has no information about it. The combination of Destructor and Dispose can be used to release unmanaged resources for e.g open files or database connection. If you are not using any unmanaged resource, there is no need to implement IDisposable. Garbage collector will take care of release the unused objects and freeing up the memory.
1 comment
Read more