# 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)


---

# 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://en.docs.monaca.io/products_guide/quick-viewer.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.