buildcontext

Android Browser Emulator - Test your site on a Nexus S or Xoom Tablet right on your PC.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

In late 2008 I put together a post that helped get the early Android SDK up and running as a simple browser emulator beacause I believed getting easier access to modern mobile browsers for the web development and design community was becoming a necessity.

Browser testing is critical to any web developer, designer… really any web professional. You need to know how your users or customers are seeing your work through the multitude of browsers and devices available to them, new ones become available every day. - Ben Hedrington, 2008

Well it's 2011 and to say a lot has changed in mobile would be putting it lightly, thankfully much of it played out in the way I had hoped back then. I'm seeing my work related Mobile projects growing like crazy and it's no longer just an iPhone world, Android is everywhere and even more of a necessity for any website.

Time to re-hash setting up an Android emulator on your Windows PC (Mac and Linux, my personal desktops of choice, coming soon...) this time let's emulate the current best of breed the Nexus S and throw in a Xoom (Honeycomb) tablet for good testing measure.

Let's get started...

We'll need to download and run two installers.

First lets grab and install the Java SE Development Kit (JDK) you'll need to choose the right one for your machine Windows 7 32-bit or Windows 7 64-bit. If you don't know your "bits" here is how to find out.

Once you have it, install it. All the defaults will be fine.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Next we will download the latest Android SDK grab the recommended Windows "installer" version for simplicity sake. Install it. Again the defaults will be fine.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Once the Android SDK installer finishes make sure the Start SDK Manager checkbox is checked and click Finish.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

SDK Manager will launch if disk space is not an issue I suggest just downloading and accepting all packages so you will have every Android version at your disposal in the future. Click Install and wait a bit for your downloads to complete.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

All our software is now installed, let's create some Android emulators.

Creating a Nexus S Emulator...

Click Virtual devices.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Enter a name no spaces, slashes or special characters allowed. Choose Android 2.3.3 in the Target field. Put 128 in the Size field. Create the Android Virtual Device click Create AVD.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Double click your new Nexus S AVD. I usually check Scale display... and choose 3 or 4 (inches). Click Launch.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Success! Unlock your new "phone."

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Launch the Browser icon (the globe near the bottom of the screen).

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Type in the URL of the site you'd like to test... and you are in business.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Extra Credit: Let's make a Xoom (Honeycomb) Tablet Emulator

Create the Xoom AVD, the Target for a Honeycomb Tablet is "Android 3.0" the rest you can figure out.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Start it up, I launched it at 10 inches.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Click Apps near the top of your new tablet's screen. Launch Browser.

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Enter your URL and test your site in all its tablet goodness. :)

Android Browser Emulator - Windows 7, Nexus S, Xoom Tablet

Hope this tutorial helps some of you get your sites ready for the mobile and tablet revolution. -Ben

blog comments powered by Disqus

recent stream

  • @benhedrington
    RT @BenedictEvans: Some time in the next few months the number of Android (Google & AOSP) devices in use will overtake PCs. Already ~2bn co…
  • @benhedrington
    RT @BenedictEvans: Per Tim Cook, there are 200m iPhone 5 or more recent in use today. In 1995, MSFT's moment of victory, there were 250m Wi…
  • @benhedrington
    RT @pmarca: 13/The key question is: What ideas are widely dismissed today due to having been tried & failed? Answer is the codex to the nex…
  • @benhedrington
    RT @garrytan: The best pitch is made of a number of obvious and uncontroversial statements that add up to an ambitious achievable future.
  • @benhedrington
    Agree, but digital influence is now driving retail. Mobile is a great example. >> "E-Commerce Is Not Eating Retail" http://t.co/yX3lB4386t

recent meta posts

creator / co-creator of...