---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/australia/application-development

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Preview a page

# Preview a page {#ariaid-title1}

Release version: Australia  
Updated September 30, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Preview a page from within Lux Lab to test that it appears and functions as intended. The preview updates automatically as you save source files, without a full page reload.

## Before you begin

Role required: admin

Your machine meets the minimum system requirements in [Configuring Lux Lab](https://www.servicenow.com/docs/a8p_gDlXW9WBpl7FmIVMZg "Configuring Lux Lab means installing it and connecting it to your ServiceNow instance. You also set your preferences in the App Settings panel, including your profile, appearance, editor behavior, and integrations.").

## About this task

You
can also start the development server by selecting Run or Preview in the title bar, which opens the running application in the Preview panel.

## Procedure

1. Open a Lux Lab project.
2. In the Explorer panel, navigate to the /pages folder.
3. Hover over the file of the page to preview, or over its parent folder, to reveal the inline View icon (an eye).
4. Select the View icon.

## Result

A preview of your page opens as an embedded browser tab. The preview toolbar has the controls in the following table.
{#preview-a-page__table-preview-a-page-preview-toolbar-controls__entry__2}

| Control | Description |
|-|-|
| URL bar | Path or URL editor that navigates when you press Enter |
| Refresh | Preview page reload button |
| Open in browser | Button that opens the current URL in your default system browser |
| Device presets | Viewport size selector for Mobile, Tablet, and Desktop presets |
| Screenshot | Screenshot tool that captures the current preview and sends it to the Agent Chat panel |
[Table 1. Preview toolbar controls]

{#preview-a-page__table-preview-a-page-preview-toolbar-controls}

Saving a source file triggers Hot Module Replacement (HMR), which updates the preview automatically without a full page reload.