How to get my iPad to connect to a local hosted site on an internal network

Last two years, I have been transforming from Windows flat client /database centered application developer (VB6, MS access, C#) to being a Microsoft centered web developer using MVC / ASP.net.

There are so many things to understand moving from Windows OS to Web platforms
 - Web server settings, application pools, protocol bindings, Firewalls
 - Understanding basic organization of ASP.NET projects
 - Making sense of javascript, client vs server side script execution
 - Browsers on various plaforms, Windows OS, andriod, iOS
 - Web site design geared to mobile devices
 - Learning tools like Fiddler

Add to this list, how can you get a mobile device like an iPad to access a web site hosted on a local network server.  Something that is essential when you trying to make UI changes for the iPad.

Here is an excellent article from WebEgg site: http://www.webegg.co.uk/local-web-sites-on-ipad-mobile/
Please take time to read through the article.  The solution to the problem is using proxyu settings to setup a reverse proxy allowing specifically configured devices to interact with you local server web site.

Steps:

• Read http://www.webegg.co.uk/local-web-sites-on-ipad-mobile/
• Download and install http://www.charlesproxy.com  - 30 days free  License $50.00
• Goto Wireless connection to Settings
• Add http Proxy with IP Address and port 8888

Like magic, sites configured on localserver/IIS will be accessible on your iPad.

Next task, find the solution the nexus 7.

 Trying the same steps on the nexus 7 did not work. :(

http://www.primeinspiration.com/gadgets/featured/1905-how-to-configure-proxy-settings-on-nexus-7.html

Found a simpler solution:
http://www.mobitechie.com/android-2/how-to-access-localhost-on-android-over-wifi/
Did not install WAMP server. Skip that...
Created Port 80 rule inbound and it worked.