Wednesday, September 14, 2016

Useful responsive design test aids

I've been recently returning to do some responsive design testing.  I wrote previously about it here.

I get a decent variety of challenges at my work, so I'm almost amazed to be revisiting this after an absence (I've been looking at NFRs) to see there are some really useful tools out there.

Developer tools ... mobile mode

This one just blew me away!  What happened next ... okay I'll tone down the clickbait.

But newer versions of browser, if you go into dev tools (F12 on Chrome) have a responsive design option, which allows you to simulate screen sizes, even flipping your screen from landscape to portairt and back.

Mind ... blown ....

You're looking for the following button,

Here,



I can rotate with this ...



 You can select from a list of settings for different popular devices ...



This is a really great tool for helping initial testing.  But as with my previous article, be aware that you're not using the proper device browser, and items like drop downs and pop-ups are handled radically different on mobile devices.


Vysor

This is a Google Chrome app.

Because I'm doing more with mobiles, I need to be able to demo more on mobiles.  Our work has a lot of projects with VGA, and when I asked if it was possible to get a new state-of-the-art projector to run our demos on from the phone, I'm afraid I kind of got this look from my managers ...



This only works for Android phones, for which you need to also download the Vysor app from the Play Store.  You'll also have to put your phone into developer mode - you'll have to Google how to do that for your device - usually you hit an option 7 times in the settings, which unlocks developer settings like an Easter egg bonus.





More than just showing the contents of your mobile device, you can also manipulate it using the mouse and keyboard.  I like this because when I'm doing a lot of repetitive tasks, it's all a bit easier, plus I can screenshot to my heart's delight.  Good times!

3 comments:

  1. A useful tool is SideSync for recent Samsung smartphones. It enables you to drive the Samsung from your Windows PC so you are duplicating input and output at the hardware routines level (according to our local cellphone electronics expert) so it's a trustworthy test assist tool

    ReplyDelete
  2. Gambling games that you can play at home.

    จีคลับ Online casino gambler can play with fun betting for gamblers to gambling to meet the gambling. Played very well Gambling is a live casino game. Bring it all to play it realistically. There are many investments. Make huge profits with the standard investment on our website with online casino gambling that is so inspirational.

    In addition, the gambler interested in investing online with us, you can join us to join us today. Have a team to serve you at all times. And when the gambler comes to play online casino investment with us, the player will be given many benefits. The promotion and bonuses that we have been held so that you come to use with us. The gambler who comes to the gambling games on our website, the investor will experience another system. Online Betting System and Online Stakes Investors who are interested can join the online games with us here. You will not be disappointed. บาคาร่า

    ReplyDelete