buildcontext

Installing Google Android for Mobile Browser Testing on Mac OS

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.

About a year ago I wrote a post walking you through installing the Google Android SDK on your machine to use as a mobile web browser. This time I am doing it on Mac OS X but I might just make a Windows version too if I get a little time... let me know if you'd like to see that happen.

Let's get started...

Get the SDK...

  1. Go to the Android SDK page.
  2. Download Android SDK for Mac OS X (intel)
  3. Unzip it and move it to the root of your home directory.

Set it up...

  1. Open Terminal, enter the following commands...
    cd ~
    nano .bash_profile
    
  2. Paste this into the new file, or add it if there are existing contents.
    export PATH=${PATH}:~/android-sdk-mac/tools
    
  3. Press "Control X" and save the file.
  4. Close Terminal.

Load up an Android OS...

  1. Open Terminal, enter the following command...
    android
    The Android SDK and AVD Manager will open.
  2. Choose "Available Packages"
  3. Click the arrow beside "dl-ssl.google.com..."
  4. Check one or more Android Platforms, I chose Android 1.6 and 2.0 for good measure you can choose whatever versions you are targeting.
  5. Click "Install Selected" and then "Install Accepted"
  6. Your SDK is now complete and ready to run... Stick in your Android SDK and AVD Manager let's make a device!

Getting your virtual Android device ready...

  1. Chose "Virtual Devices"
  2. Click "New..."
  3. Give your AVD a name for this tutorial I chose "default2.0"
  4. Choose one of the Android platforms you downloaded in the "Target" pulldown, I chose Android 2.0.
  5. Give the SD card some value, let's say 25mb.
  6. Click "Create AVD"
  7. You should return back to the home screen, click your new Android AVD's name and press "Start"
  8. Success!

Create an icon of sorts to launch your new emulator...

  1. Open Terminal, enter the following commands...
    cd ~/Desktop/
    nano Android.command
    
  2. Add this command to the new file...
    emulator -scale .7 -avd default2.0
    
  3. Press "Control X" and save the file
  4. Run this final command....
    chmod 755 Android.command
    
  5. Close Terminal
  6. Double click on Android.command on your desktop... Success!

blog comments powered by Disqus

recent stream

  • @benhedrington
    RT @garrickvanburen: If you don't value the result, all the costs of getting there are too high. If you do - most are a bargain.
  • @benhedrington
    RT @zeldman: “Unlike on the desktop, in mobile you can’t ‘just fit everything in.’ In mobile you have to make what’s called ‘a decision.’” …
  • @benhedrington
    Just like the best leadership. "he doesn't play a note for the first 8 bars of his solo... ...creates space" re: Joe Walsh - Sonic Highways
  • @benhedrington
    RT @garrickvanburen: Align where you want to be in 3 years w/ where your business needs to be in 3 years. http://t.co/VpELWzPe3D
  • @benhedrington
    My thoughts on a great post. Beyond pixels and code, the depth you often need to go to fix customer experiences. >> http://t.co/hj269o4G72

creator / co-creator of...