Prototype browser/application toggle for Mobile devices

Lately, I have been designing and prototyping mobile websites and applications. A dominant problem I run into is that I need to add browsers frames to my design frames whenever I design for mobile websites to provide the proper context.

This workaround works quite well for previewing the prototype in prototype mode, but whenever I want to walk through designs in design mode, the frames are lying on top of the content of the page, which needs to be reviewed.

An excellent solution would be a toggle in the prototype mode to add or remove browsers frames. iOS designers would have Safari, Andriod has Chrome, etc.

By allowing users to toggle only for prototype use, the actual (needed) content within design mode can be more easily reviewed and is always accessible.

A post was merged into an existing topic: Toggle Browser Overlays