aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtcreator/src/qtquick/qt-design-viewer.qdoc
blob: 2871f788f14699be4e81bdfe9c6b8c3848b682f4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
// Copyright (C) 2019 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \page qt-design-viewer.html
    \if defined(qtdesignstudio)
    \previouspage creator-live-preview-android.html
    \nextpage studio-exporting-and-importing.html
    \else
    \previouspage creator-live-preview-devices.html
    \nextpage creator-building-targets.html
    \endif

    \title Previewing in Browsers

    \image qt-design-viewer.png

    \QDV is a QML viewer that runs in your web browser. This means that you can
    run applications in most widely-used web browsers, such as Apple Safari,
    Google Chrome, Microsoft Edge, and Mozilla Firefox, on the desktop and on
    mobile devices.

    The startup and compilation time depend on your browser and configuration.
    However, the actual performance of the application once started is
    indistinguishable from the same application running on the desktop.

    \if defined(qtdesignstudio)
    To create a resource file out of your project, select \uicontrol Build >
    \uicontrol {Generate Resource File} in \QC. Then upload the package into
    \QDV.
    \else
    You can run \l{Creating Qt Quick UI Projects}{Qt Quick UI projects}, which
    have a .qmlproject file that define the main QML file and the import paths.
    Compress the project folder into a ZIP file that you upload to \QDV.
    \endif

    The loaded applications remain locally in your browser. No data is uploaded
    into the cloud.

    To preview an application in a web browser:

    \list
        \li In the browser, open \l{http://qt-webassembly.io/designviewer/}
            {\QDV}.
        \li Drag and drop your application package to \QDV, or click the load
            icon to browse for your file.
    \endlist

    Your application is compiled and run on \QDV.
*/