Using user agent switcher on your browser

Hi all, today i m going to be talking about something a bit technical…I hope you find it useful.

I am an x-Yahoo and i was a mobile specialist and i thought that this post might be useful for some of you.

Sometimes you could be testing a mobile page and you can’t debug or trace the errors rendering in the front-end interface.

Using a testing device in that case might be unhelpful as you don’t have any tracing or debugging tools like “#firebug” (however you may be able to install it on your iphone or ipad with a certain tweak).

So the best practice i found for that is to use a #user_agent to render the page in your browser as a mobile device.

Here is couple of techniques that i use for #mobile_testing:

1- Using the #iOS #simulator app installed in your #mac.

If you can’t find it in your apps list; you should find it into the xcode packages files and you can simply keep it in your dock for future reference.

The iphone simulator is a very useful tool in mobile testing but you will still not have the advantage of debugging an interface error or a broking CSS or an HTML line of code.

2- Install user agent switcher add-on to your #firefox browser.

You’ll find a default list of extra browsers and devices to be used in testing.

but i recommend that you import extra user agents to the plugin by editing the add-on option like the following screenshot:

image

And you can get a nice list of user agent to be imported (xml file) from the following URL:

http://techpatterns.com/downloads/firefox/useragentswitcher.xml

This XML files will append dozens of devices and browsers agents to your add-on and will make you able to test and debug your mobile page on many platforms.

I hope this is helpful.

Follow me @loayyoussef and honor me with a visit to my website 🙂

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s