Does anyone have any handy tips they use for demo-ing mobile resources in their workshops and presentations to students, residents, nurses etc? I just happened upon a very neat new (at least to me) feature in Chrome that I had not noticed in the “inspect element” development tool, which I occasionally use to look at source code for troubleshooting purposes. If you’re not confident about, responsible for, or interested in coding intricacies, you may not have ever explored this set of tools, and while there are a number of interesting and useful features for the non-techie person, this trick really jumped out at me as being something that I could immediately incorporate into my everyday work.
Apologies in advance for the many readers who are in institutions that don’t support Chrome. I weep for you daily. For the rest, here are the instructions:
When you right-click on a page in chrome, or CTRL-shift-I, you’ll see an option at the bottom of the list to “inspect element”. There’s an icon in the lower panel of the display, which shows the code, that represents a mobile/tablet device, and which, if clicked, resets the page to display as if it were on such a device. At the top of the page, there is also a drop-down menu with options for specific devices, so you can display a page which emulates the display of different iPhone models, iPads, Android devices- even BlackBerry (in case you are going back in time to do an instruction session.)