Capturing network traffic between the Internet and mobile devices

Some times we need to inspect HTTP calls between the internet and the mobile devices for testing a website or app, this article will explain how to capture network traffic between the Internet and mobile devices.

– Connect the Desktop and mobile device to the same network.

– Follow below configurations for Desktop and mobile device.


On Desktop :

  1. Download : http://www.telerik.com/download/fiddler  [The free web debugging proxy for any browser, system or platform]
  2. Navigate to Tools in menu & select Fiddler Options
  3. Check the option “Allow remote computers to connect” in Connections tab
  4. Check Capture and Decrypt for HTTPS calls in HTTPS tab
  5. Open command prompt and run command “ipconfig”, note down the IP address of the machine.
On Mobile : 
  1. Goto Settings
  2. Select Wi-Fi
  3. Edit the connected network
  4. Change Proxy option to manual
  5. On Hostname field write the IP address of the Desktop Machine
  6. On Port write 8888
  7. Save the connected Network by pressing OK button
  8. Open browser and visit “http://ipv4.fiddler:8888/
  9. Download Fiddler Root Certificate
  10. Install the certificate
Now all network traffic taking place between device and internet will be shown in the Fiddler tool and you can inspect the calls easily.
Video tutorial coming soon, subscribe us on YOUTUBE

Installing Windows Phone 8.1 emulator in Visual Studio 2013

After installing Windows 8.1 and Visual Studios 2013 Express update 2, I was unable to install Windows Phone 8.1 emulator. After running the exe file an error comes “This computer does not support the windows phone emulator, which requires 64-bit edition of Windows 8.1 Pro and a computer that supports Hyper-V”. After a good search over the internet I found that if you want to run your Windows Phone 8.1 App in an emulator, there are requirements to be met before you can use the emulator. Here are the findings and time savers :

Requirements for running Windows Phone 8.1 emulators :
– x64-based versions of Windows 8.1 Professional or above edition.
– Microsoft Hyper-V [Bundled with Professional or above edition of the Windows 8.1 OS]

Hyper-V Installation Prerequisites
– An x64-based processor which supports Second Level Address Translation (SLAT) ie. Hardware-assisted virtualization and Extended pages tables.

Check if Your CPU supports Second Level Address Translation (SLAT).

– Download CoreInfo, extract it in the root of your C: drive.
– Open Command prompt with administrator rights.
– Run “coreinfo.exe -v”
– “*” after VMX and EPT colum confirms the support, VMX is for Hardware-assisted virtualization and EPT is for Extended pages tables.

Enable Hyper-V in Windows 8.1
– Goto Control Panel
– Select “Get Programs” under “Programs” category
– Select “Turn Windows feature on or off”
– Select “Hyper-V” and all its features.
– Select “OK” to install.

Install Windows Phone 8.1 Emulator

Installing multiple versions of browser on one machine

Installing multiple versions of browser on one machine


Cross-browser testing of web pages is a biggest pain in the career of a User Interface developer. It is a necessary step that usually involves the use of multiple computers. This article share a method to do Cross-browser testing by installing multiple version of same browser on one machine.


IE 6 (the real pain ;-)): 
Download and install Virtual Box 
Download the IE6 XP image for VirtualBox from the modern.IE website. 
Import the XP image file to VirtualBox.

modern.IE – Cross-Browser IE Testing Tools Suite 
Microsoft recently started providing a free service called modern.IE.
modern.IE is an undertaking my Microsoft to make cross-browser testing for the Internet Explorer browsers easier. Microsoft has created modern.IE to provide developers and designers with a suite of tools to facilitate IE browser testing.
IE offers is a virtualization image of each browser from IE 6 to IE 10, which can be run on virtualization software like VirtualBox, Virtual PC, Hyper-V or VMWare Player on Windows, Mac or Linux.
Additionally, modern.IE also provides a tool which scans your web page for common coding problems and lists them out for you to correct so that they display correctly in all IE versions.

FireFox:
Utilu Mozilla Firefox Collection.
Firebug, the Web Developer toolbar and Flash are also included.

Opera:
All installers are available on Opera
Multiple versions can be installed side-by-side without any problems. 
During the installation, choose “Custom”, and a different directory.
On installation, also choose to use the same profile for all users.
Important preference: Settings > Preferences > Advanced > Security > Do not check for updates.

Chrome:
Stand-alone installers can be downloaded from File Hippo.
It is also possible to run multiple Chrome versions side-by-side.

Safari:
Support on Windows has been discontinued. The last supported Safari version on Windows is 5.1.7; you need a Mac or an OS X VM to test your sites in newer Safari versions.
Download other versions from Oldapps

Other free online services:
http://browsershots.org
http://netrenderer.com
https://www.modern.ie/en-us/screenshots