Built In Mobile Website Simulator (Google Chrome)

Profile picture of the author Internet_Corporation by Internet_Corporation Posted: 08/03/2012
We all know several options to simulate the look and feel of mobile WebPages from your PC, but did you know this is already built in to Google Chrome?

Try this option, it's already built into Google Chrome and you not only get a few mobile options but also desktop browser options along with ipad and 'other' options as well, so its a good tool to refer to, not just for mobile simulation...

Step #1: Whilst using Google Chrome right click on the page you want to view via mobile simulator and click on the 'inspect element' option shown in this screen shot:




Step #2: Then click on the 'square' displayed in bottom left hand corner to undock the screen as shown in this screen shot:




Step #3: Then click on the 'tool' icon displayed in bottom right hand corner to display the options you need to see as shown in this screen shot:




Step #4: Then click on the 'user agent' tab at the top to view the browser options as shown in this screen shot. You not only get a few mobile options but also desktop browser options along with ipad and 'other' options as well,so its a good tool to refer to, not just for mobile simulation:


#built #chrome #google #mobile #simulator #website

  • Profile picture of the author PeacefulCalamity
    PeacefulCalamity
    Not to try and hijack the thread or anything, but if anyone wants an extension for Google Chrome that does this, it's called user agent switcher for Chrome.

    Here's the link: https://chrome.google.com/webstore/d...jiklpkjnoahfmg

    I've used it and it works like a charm.
  • Profile picture of the author Internet_Corporation
    Internet_Corporation
    Thanks for the tip,but I just tried it and it just shows the regular desktop site. Perhaps it needs some setting changes?

    Originally Posted by PeacefulCalamity View Post

    Not to try and hijack the thread or anything, but if anyone wants an extension for Google Chrome that does this, it's called user agent switcher for Chrome.

    Here's the link: https://chrome.google.com/webstore/d...jiklpkjnoahfmg

    I've used it and it works like a charm.
  • Profile picture of the author PeacefulCalamity
    PeacefulCalamity
    Originally Posted by Internet_Corporation View Post

    Thanks for the tip,but I just tried it and it just shows the regular desktop site. Perhaps it needs some setting changes?
    I just tried it again, works fine on my end. Just make sure you activate the plugin and then at the top right, right next to the URL bar click and select whether you want it to emulate either an iphone, ipad, whatever.
  • Profile picture of the author 4webmaster
    4webmaster
    nice share, thank you.
    Tried and works but I prefer mobilizer for desktop.
  • Profile picture of the author Internet_Corporation
    Internet_Corporation
    That's a shame, I was about to buy your simulator via the link in your signature, then realised you actually prefer a competitors version.

    Originally Posted by 4webmaster View Post

    nice share, thank you.
    Tried and works but I prefer mobilizer for desktop.
  • Profile picture of the author Brandon Tanner
    Brandon Tanner
    Cool tip, IC! I didn't realize that about Chrome.

    While we're on the subject, it is worth noting that Safari has an iPhone/iPad simulator as well (First go to Preferences > Advanced. Check 'Show develop menu in menu bar', then close. Then click the 'page' icon in the top right part of the browser > Develop > User Agent > Safari iOS).
  • Profile picture of the author 4webmaster
    4webmaster
    Originally Posted by Internet_Corporation View Post

    That's a shame, I was about to buy your simulator via the link in your signature, then realised you actually prefer a competitors version.
    No shame here, my simulator is for online websites, and mobile marketers, mobilizer is for offline work.
    It's not my competitor and even suggest you to get it.
  • Profile picture of the author brianng
    brianng
    Thanks for sharing. I remember having read this somewhere else.
    Here it goes:
    How to Change Your Browser’s User Agent Without Installing Any Extensions - How-To Geek

    Easiest with Google Chrome. Almost impossible in Opera, although Opera is my fav browser
  • Profile picture of the author jibblet
    jibblet
    Superb. Thanks OP/
  • Profile picture of the author SJJPFTW
    SJJPFTW
    How did I not know this lol
  • Profile picture of the author mcc777
    mcc777
    Nice tip but it does not work
  • Profile picture of the author dadokpak
    dadokpak
    Very nice info..
    I should have been member of WF long time a go..
  • Profile picture of the author RaymondB
    RaymondB
    Internet_Corporation Thanks for sharing. Yes it's already built in in Chrome. Firebug also is a nice tool for inspecting site elements in Firefox.

Related discussions

Next Topics on Trending Feed