HANDHELD options: Check out "Developer Tools" & "Responsive Design View"


#1

Hey all you [I]groov [/I]fans and page Builders…

Have you ever wanted to try your “Handheld” layout in [I]groov[/I] View without actually having your mobile device handy or connected? You’re in luck! Both Chrome and Firefox have options for letting you simulate darn near any size device – including that fancy new one your boss has but you don’t!

In Chrome, just click on the little menu (aka “hamburger” aka “triple equals”) icon in the top right corner, then select [B]More Tools[/B] > [B]Developer tools[/B]:


Then when the developer stuff appears at the bottom of the window, click on the [B]Toggle device mode[/B] icon…


Then you can see a whole list of devices to try, and even how fast a Network your simulated mobile device is using! Note: you may need to refresh (e.g. F5) to pull down the correct “responsive” page from your [I]groov[/I] (or any other web page you want to see on a different device).


But maybe you prefer a different browser, like…

[B]FIREFOX! Check out the new pretty Blue Dog![/B] (Happy 10th Birthday to Firefox.)


Similarly, if you look under tools there’s a [B]Responsive Design View[/B]:


… which gives you options to see what your page would look like on any size device you like:

Happy page building and testing!

-OptoMary


#2

FWIW, I like Chromes version better…

(Thanks for the post Mary).


#3

Yes, I must admit, that so far the little bit of testing I did with both browsers, left me liking Chrome better – primarily because it seems to do a better job of accurately showing what I see on my phone…