Fluent Commerce Logo
Docs
Sign In

Test web app UI layout on the Phone / Tablet via computer Chrome Browser

How-to Guide

Author:

Fluent Commerce

Changed on:

27 Nov 2023

Key Points

  • how to use Computer Chrome Browser to view Phone / Tablet layout
  • A handy way to test the layout on your computer without using an actual phone 

Steps

Step arrow right iconOpen OMS UI in a computer Chrome Browser.

Click on the “Customise & Control” icon (3 vertical dots) → “More Tools” → “Developer Tools”:

No alt provided

Step arrow right iconsetup Developer Tools

The tools panel appeared on the right side after clicking on Developer Tools.  then click on the second icon from the top left menu: 

No alt provided

Step arrow right iconView Browser

Once clicked, The UI layout will transform to adjustable dimensions:

No alt provided

Step arrow right iconresize layout

The user can resize the dimensions by dragging the side and bottom bar.  Alternatively, the user can enter the exact dimensions in the text boxes on the top of the screen:

No alt provided
Fluent Commerce

Fluent Commerce

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo