Running Android 4.0 (ICS) on Virtualbox

Debugging things on the Android Emulator (incluced in the SDK) can be a very slow and cumbersome process. Thanks to the Android-x86 Project it's quite easy to run Android in VirtualBox. This is highly useful when you need to test mobile apps and websites from the Android Browser (as well as Chrome Mobile). Download an Ethernet enabled ISO from Tablets x86 wget http://dl.dropbox.com/u/75945873/android-x86-4.0-eth0-generic_x86-20120426.iso.torrent transmission android-x86-4.0-eth0-generic_x86-20120426.iso.torrent Create new ViratualBox VM Important Settings (see screenshots) OS: Linux, Version: Linux 2.6 Enable VTx/AMD-V Use Bridged Network Adapter (if you want to allow direct Internet Access) Mount the ISO file downloaded previosly and start the VM Create the Root Filesystem (ext3) on the VBox .vdi created with the new VM, mark as bootable Write the Filesystem changes to disk (VDI) and format the disk Install GRUB Boatloader Copy files from ISO to VDI Unmount the ISO image and reboot Note: You need to disable the mouse pointer integration (if you have installed VirtualBox Client Add-ons) in the menu of Virtualbox ('Machine' --> 'Disable Mouse Integration') when you start the VM (see screenshot). I have not found a way to disable this by default on Virtualbox on Ubuntu (If anybody has managed this I would love to know how !) Start the Android Setup Wizard to set locale and you should be up and running (network should already function to test external sites from Android browser) !

Continue ReadingRunning Android 4.0 (ICS) on Virtualbox

Mobile Browser Testing on the Desktop

If you need to check websites for mobile compliance on a regular basis you know that having a device to constantly check is painful and slows down your work during debugging and phases of constant change.   by  adactio  There are a few tools that will make this work a lot easier: Google Chrome Chrome does have some nice dedicated plug-ins to help with this task Ripple Mobile Environment Emulator (https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc) appMobi HTML5 XDK (https://chrome.google.com/webstore/detail/onmkoldigcfmebcinpmineoadckalllb) Firefox I am not aware of any plug-ins like Chrome, but as a hack I have found it useful to employ a user-agent switching plugin to trick the browser User Agent Switcher (http://chrispederick.com/work/user-agent-switcher/) works well for this. Download the User Agent Switcher Add-on for Firefox Restart Firefox for the add-on change to take place. To start a new browsing session using an emulated browser, go to Tools > User Agent Switcher and select the appropriate mobile web browser you want to emulate To switch back to normal browsing, just select the default option from the above menu. If you need more specific UA Strings check here: http://www.zytrax.com/tech/web/mobile_ids.html For more serious work there are obviously dedicated emulators from the major Mobile OS vendors (but they need to be installed and configured for each platform): Android (http://developer.android.com/guide/developing/tools/emulator.html) iOS (http://developer.apple.com/devcenter/ios/) WinPhone (http://www.microsoft.com/download/en/details.aspx?id=13890) Nokia (http://www.developer.nokia.com/Develop/Web/) Opera (http://www.opera.com/developer/tools/mini/) WebOS (http://developer.palm.com/)   PS: Nothing substitutes final QA testing on actual devices ...  

Continue ReadingMobile Browser Testing on the Desktop