Previewing
Last updated
Last updated
Previewing your app functions similarly to the Bubble web app editor, allowing you to instantly see and test changes as you make them. However, keep in mind that some components of the native mobile app editor rely on built-in features of mobile devices, which can vary between iOS and Android. As a result, not all elements may display accurately in the web preview.
There are two ways to preview your app:
Web preview works mostly like the preview in the Bubble web app editor, with a few key differences:
There's no in the preview when changes have been made to the app
There's no debugger or element inspector
There's an extended bar for managing how the app will look across different devices (see below)
The bar at the top of the screen lets you emulate how the app will look on different devices, screen sizes and with a specific zoom level.
Show device frame: This lets you show or hide the frame of the selected device (i.e. actually showing the frame, buttons, notch/camera/sensors of the device selected in setting 2.
Select device: Provides a list of widely used devices to emulate how the app will look and behave on that specific device.
Screen size (px): The actual screen size of the selected device. Note that this is a locked field and updates according to the device selected in setting 2.
Zoom level: Allows you to zoom in on the emulator to a specific percentage or to fit the screen height. Keep in mind that this zoom affects the entire emulated device, not just the screen.
We recommend testing your app across all devices to ensure it looks great and functions properly everywhere.
BubbleGo is a native mobile app that allows you to load and interact with your mobile app directly on your device. This essentially mimics the experience of having the app installed on your phone, without the need to publish it in the app store.
Use BubbleGo to get a feel for how your users will actually use your app, and to test out more advanced interactions/flows/and system connections.
BubbleGo is currently only available for iOS. An Android version is in development, but is not yet available.
Download the TestFlight app from the Apple App store
Click on this link
Follow the link to download BubbleGo onto the TestFlight app
Log into BubbleGo using your Bubble account credentials
Select the mobile app you would like to test and Go!
