Prototype view on mobile: Hide browser bottom & top bar

mobile-prototyping

#1

Hi,

I have created a mobile prototype in Axure 9, but when I load it on my iPhone browser (both Chrome and Safari) and scroll the page, the top and bottom browser bars (highlighted red in the attached screenshot) do not minimize/disappear as they do when loading any live site. Same thing if I publish the prototype to html and load the html file.
Is there a way to have the browser bars mimic the behavior of live sites? Thanks!


#2

Hi madven,

You can hide the browser bottom & top bar by adding the prototype to your home screen. To do that on an iPhone, open the prototype in Safari, then click on the middle icon of the bottom browser bar, and select the “Add to Home Screen” option.

Hopefully that helps!