# Preview

Entrance：Project Operation Area>>>Preview

Click **"Preview from the beginning"** or **"Preview from the current scene"** to navigate to the preview page.

The preview page allows you to see how the finished creative will look like in different devices, landscape & portrait mode and different language environment.

<div align="left"><figure><img src="/files/HYBRkk7s9r8e5JrZJUdI" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">1.Change the preview device/Preview</mark>

* Click the drop-down button to bring up the device options pop-up window
* Click to select the device you want to preview to change the preview device
* Support preview on 5 devices: iPhoneX/iPad/iPhone6/redmi/vivo (<mark style="color:red;">The canvas content will automatically scale up/down proportionally to fit the different device sizes, so the current five device models can cover the preview effects of most devices on the market.</mark>)

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

**If you want to preview the effects on other device models:**

a. You can click the "Preview" button and use your phone to scan the QR code for preview.

b. Alternatively, you can "Copy Link" and open it in a browser. Then press *F12* to enter developer mode, where you can switch to different device models for preview

<div><figure><img src="/files/SasXyuDVFumCsLXS4CgU" alt=""><figcaption></figcaption></figure> <figure><img src="/files/8KP7ORmKT6Akk5bgEHH3" alt=""><figcaption></figcaption></figure></div>

💡<mark style="color:red;">**Tool Sharing**</mark> <mark style="color:red;"></mark><mark style="color:red;">(Convert this into an external link to preview mobile screen effects directly in a browser)</mark>: <https://playable-portal.mintegral.com/#/tools/mw-viewer>

* On the preview page, click **Copy Link**.
* Open the tool and paste the link.
* Click **Generate** to create the external preview link.

<div align="left"><figure><img src="/files/0FZjQxarD84QR1oe1aHu" alt="" width="552"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/DsHU4uyXDBpo1YCwM3mr" alt=""><figcaption></figcaption></figure></div>

####

## <mark style="color:blue;">2.Switch to preview between horizontal and vertical screen</mark>

* Supports two preview methods:horizontal and vertical
* Click the horizontal/vertical icon to switch the screen preview mode

<div align="left"><figure><img src="/files/drGhDGwAVHTl0pNIujeY" alt=""><figcaption></figcaption></figure></div>

####

## <mark style="color:blue;">3.Switch to preview in different languages</mark>

* Click the drop-down button to open the added default language pop-up window
* Click the language you want to preview to switch the preview in specified language environment

<div align="left"><figure><img src="/files/pJhWqVWWdVUyzcE36Cg3" alt=""><figcaption></figcaption></figure></div>

####

## <mark style="color:blue;">4.Turn on/off audio preview</mark>

* Audio preview mode is enabled by default, and the icon of the mode is automatically highlighted as <img src="/files/PHnnH3Vy4EqdGaSFBOOH" alt="" data-size="line">
* When the audio preview mode is off, the icon of the mode is <img src="/files/l0QZAdNdn79WsWYaoVps" alt="" data-size="line">
* Click the corresponding audio mode icon to switch the audio preview mode

<div align="left"><figure><img src="/files/vsatlmaYpy4wIf8L9saL" alt=""><figcaption></figcaption></figure></div>

####

## <mark style="color:blue;">5.Tracking Log</mark>

Please refer to [Quick Positioning](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/work-preview-area/quick-positioning.md) [/pages/bs1WlmCVWYlR0vqQMMUb#id-3.additional-intro-tracking-log](https://doc.playturbo.com/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/project-operation-area/pages/bs1WlmCVWYlR0vqQMMUb#id-3.additional-intro-tracking-log "mention")

####

## <mark style="color:blue;">6.Replay</mark>

• Click the "Replay" button to reload and replay in the current preview mode

<div align="left"><figure><img src="/files/2SZ4TPQhbpr6ZHT1w9yP" alt=""><figcaption></figcaption></figure></div>

####

## <mark style="color:blue;">7.</mark><mark style="color:blue;">**Tips Share**</mark>

When you are creating a long playable project through Blank Canvas, you may need to make repeated adjustments and previews, which requires repeatedly clicking the "Replay" button and waiting for it to load from the beginning, which can be cumbersome and time-consuming. Here are some tips that may help you:

💡 Use **"Preview from the current scene"** flexibly depending on the scene you are working on.

<div align="left"><figure><img src="/files/ZJtdr4QjIQ91mLKdBXce" alt=""><figcaption></figcaption></figure></div>

💡 Add any button and set an event for **"Press - Retry Playable"** to save time on reloading from the beginning.  Once the materials are completed, you can delete that button.

<div align="left"><figure><img src="/files/HtOKFJTm29eq6NWaARSo" alt=""><figcaption></figcaption></figure></div>


---

# 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://doc.playturbo.com/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/project-operation-area/preview.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.