# Preview Your App

*Skill Level: Beginner*

## Before You Begin

* Ensure you have started building your app or created an app from a template in Adalo.

Adalo 2.0 Responsive apps are cross-platform apps which work in both mobile and desktop versions. While development, makers can choose to view their apps in either web or mobile versions for testing. This setting can be controlled from the Publish section in the left panel.

##  Walkthrough

1. Go to the Publish section in the left panel.
2. If you wish to ***share*** this with users, using our share function, mark the app as published by toggling ***Publish*** to on.

   <figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FAwnxpPwDKxVjmKJxmWF7%2FScreenshot%202023-08-30%20at%2011.20.01%20AM.png?alt=media&#x26;token=c3e56eea-bb9c-4ee9-a31a-5ce0309486dc" alt="" width="263"><figcaption></figcaption></figure>
3. Go to **Web App** section and scroll to “Show Desktop Users…”.
4. Select how you want the app to be Previewed.&#x20;

   * **Mobile App Preview:** This will load a new screen with a skin that will show you how your app will look and function on Mobile devices.

   <figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FLteUCPywozoBkXOOZNPj%2FScreenshot%202023-08-30%20at%2011.08.08%20AM.png?alt=media&#x26;token=b0fc782a-fb03-47d1-b3ea-f466acc2fd9a" alt="" width="375"><figcaption></figcaption></figure>

   * **Responsive App:** This will load a new screen showing the Responsive version of the app. On a desktop, it will show the desktop web version by default.
     * If you would like to see how the app responds on various screen sizes, you can adjust the size of the browser manually or use the [DevTools Device Mode](https://developer.chrome.com/docs/devtools/device-mode/) to simulate different devices.&#x20;
     * Alternatively, you can try using this [Mobile Simulator Chrome Extension](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk).
5. **Save** Settings.
6. Select the ***Preview*** button in the top Left corner of your Builder.
7. If you wish to share the app with Users, you will need to [publish a web version](https://help.adalo.com/publishing-apps/publishing-to-the-web) of your app and then you can share using the Domain the app is set on or by clicking the ***Share*** button in the top Left corner of your Builder.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/design/preview-your-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.