Unify Applications
Logo
Preview Application

Preview Application

Logo

4 minutes READ

Overview

The Preview Application feature in UnifyApps allows users to thoroughly examine and test their application before final deployment. This powerful tool provides a comprehensive environment to review the application's look, feel, and functionality across different devices and screen resolutions.

Frame 427319392.png
Frame 427319392.png

Key Features

User Interface

The preview interface presents the homepage as it will be viewed by the intended user.

Frame 427319393.png
Frame 427319393.png

Device Resolution Options

Users can test their application across multiple screen sizes:

  • Laptop (1366 × 709)

  • Laptop (1440 × 834)

  • Desktop (1680 × 1050)

  • Desktop (1920 × 1080)

  • Desktop (2560 × 1440)

Frame 427319397.png
Frame 427319397.png

Navigation Features

  • Dropdown menu to switch between different pages of the application

  • Search functionality to quickly locate specific sections

  • Ability to open the application directly in the Builder

Frame 427319395.png
Frame 427319395.png

Developer Tools

The preview includes advanced debugging capabilities:

  • Console tab for logging and debugging

  • Network tab to analyze network requests and performance

  • Ability to inspect application details and interactions

Frame 427319396.png
Frame 427319396.png

How to Use the Preview Application

  1. Navigate to the Applications section in UnifyApps

  2. Select the application you want to preview

  3. Click on the "Preview" button

  4. Explore the application interface

  5. Use the device resolution dropdown to test responsiveness

  6. Utilize developer tools for deeper analysis

Best Practices

  • Test the application across multiple device resolutions

  • Use the AI Co-Pilot and Console tabs for comprehensive debugging

  • Verify user interface consistency and functionality

  • Check network performance and request handling

FAQs

How do I access the Preview feature?

Navigate to the Applications section, select your application, and click the "Preview" button.

Can I test my application on different device sizes?

Yes, the Preview feature offers multiple device resolutions including various laptop and desktop screen sizes.

What developer tools are available?

The preview provides Console and Network tabs for detailed debugging and performance analysis.

Is the preview the same as the final deployed application?

The preview is designed to be as close as possible to the final application, allowing you to test functionality and design before deployment.

Can I switch between different pages during preview?

Yes, you can use the dropdown menu to navigate between different pages of your application.