Simulate the App in a Browser
Preview your app as it appears on a phone by adding a custom device in Chrome DevTools
Simulate the App in a Browser
You can preview your app in Chrome as it would appear inside the native starti.app shell — no phone or emulator required. This works by adding a custom device profile in Chrome DevTools with the correct screen size and user agent.
Add a custom device
Open DevTools settings
Open Chrome DevTools (F12 or Cmd + Option + I on Mac) and click the gear icon in the top-right corner to open Settings.
Go to Devices
In the sidebar, select Devices, then click Add custom device….
Configure the device
Enter the following values:
| Field | Value |
|---|---|
| Device name | starti.app |
| Width | 393 |
| Height | 852 |
| Device pixel ratio | 3 |
| User agent string | starti.app/999.999.999 |
| User agent type | Mobile |
Click Add to save the device.
Use the custom device
Enable device mode
Open DevTools and click the Toggle device toolbar button (or press Cmd + Shift + M on Mac / Ctrl + Shift + M on Windows).
Select your device
In the device dropdown at the top of the viewport, select starti.app from the list.
Navigate to your app
Go to your app's URL. The page will render at iPhone 14 Pro dimensions with the starti.app user agent, so the SDK will behave as if it is running inside the native app.
Some native features (push notifications, biometrics, camera, etc.) are not available in the browser. This method is useful for previewing layout, styling, and SDK logic that does not depend on native bridges.