> For the complete documentation index, see [llms.txt](https://en.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en.docs.monaca.io/products_guide/quick-viewer.md).

# Quick Viewer

With this feature, you can preview the design of your project on the device just by accessing Monaca from the mobile device.

{% hint style="info" %}
You cannot check device functions such as cameras and device motions. If you want to check the functions, please use a [custom debugger](/products_guide/debugger/custom-build-debugger-for-ios.md) or debug build.
{% endhint %}

## How to use

Two login methods are available to access this feature.

1. QR code login 
2. Browser Login from a real device 

After logging in, you can preview the project being developed in Monaca Cloud IDE on the real device.

### QR code login

Open the dashboard of Monaca Cloud IDE, and click on the Quick Viewer in the header menu. 

You can log in by scanning the QR code displayed on your mobile device.

<figure><img src="/files/lkgoYYQkoAMkwh5bpDJe" alt=""><figcaption></figcaption></figure>

### Login from a Browser&#x20;

Access [the Monaca Login URL](https://monaca.mobi/en/login) from your mobile device's browser.&#x20;

After login, tap the project to view the preview.

## Features of the Function

This feature provides the following functions in addition to previewing the project:

### Live Reload

When a project is opened and files are edited and saved in Monaca Cloud IDE, it will be synchronized in real time.

### Debug Log&#x20;

When console log (console.log()) is called on the quick viewer, the log information will be displayed in the log panel of Monaca Cloud IDE.

![](/files/Kk2i9hf9oRQJkdyUjTkO)