Подключите ваши устройства к приложению Dreamweaver для настольных ПК, чтобы просмотреть, проверить, протестировать и отладить веб-страницы на разных устройствах.
Предварительный просмотр и проверка веб-страниц

Теперь Dreamweaver позволяет тестировать готовые веб-страницы одновременно на нескольких устройствах. Вы можете увидеть, как веб-страница выглядит в различных форм-факторах, и проверить работу интерактивных функций. Для этого не требуется устанавливать какие-либо мобильные приложения или физически подключать устройства к настольному ПК. Просто отсканируйте своим устройством автоматически созданный QR-код, и на нем появится ваша страница!

Режим интерактивной проверки на настольном ПК дублируется на всех подключенных устройствах. Таким образом вы сможете просматривать на них различные элементы и при необходимости изменять дизайн.

Необходимые требования

Убедитесь, что на ваших устройствах установлен сканер QR-кодов.
Проверьте, подключены ли ваши настольные и мобильные устройства к Интернету и находятся ли они в одной сети.
Держите под рукой свой Adobe ID. Для входа на устройства во время предварительного просмотра требуется Adobe ID, используемый в Dreamweaver на настольном ПК.
Если вы корпоративный клиент, проверьте наличие необходимых разрешений для доступа к службе предварительного просмотра на устройствах.
Убедитесь, что в настройках браузера на устройствах включены JavaScript и файлы cookie.

Поддерживаемые устройства

Все устройства iOS и Android

Предварительный просмотр веб-страниц на устройствах

  1. Запустите Dreamweaver на настольном компьютере и откройте веб-страницу, которую вы хотите просмотреть на других устройствах.

  2. Щелкните по значку «Предварительный просмотр в реальном времени» на панели инструментов документа.

    Предварительный просмотр в реальном времени на устройстве
    Предварительный просмотр в реальном времени на устройстве

    Появится всплывающее окно «Предварительный просмотр на устройстве» с QR-кодом и коротким URL-адресом.

     

  3. Просканируйте QR-код с мобильного устройства, на котором вы хотите просмотреть веб-документ. Чтобы подключить несколько устройств, выполните сканирование QR-кода с каждого из этих устройств.

  4. На устройствах появляется экран входа в систему. Выполните вход с использованием своего Adobe ID. Используйте тот же Adobe ID, что и для Dreamweaver/Creative Cloud.

    Экран входа на устройствах
    Экран входа на устройствах

  5. После выполнения входа имена подключенных устройств появятся во всплывающем окне «Предварительный просмотр на устройстве». И теперь на подключенных устройствах будет доступен предварительный просмотр вашей веб-страницы.

    Всплывающее окно «Предварительный просмотр на устройстве» с отображением подключенных устройств
    Всплывающее окно «Предварительный просмотр на устройстве» с отображением подключенных устройств

Примечание.

Чтобы сопоставить имена устройств во всплывающем окне с самими устройствами, наведите на них курсор мыши. На соответствующем устройстве появится экран обратной связи.

Проверка веб-страниц на устройствах

Для проверки веб-страницы на всех подключенных устройствах щелкните по значку «Проверить» на панели инструментов Dreamweaver.

Значок «Проверить» на панели инструментов
Значок «Проверить» на панели инструментов

Для проверки веб-страницы на конкретном устройстве щелкните значок «Проверить», соответствующему имени устройства во всплывающем окне предварительного просмотра на устройстве. Окно просмотра в Dreamweaver соответствует окну просмотра на соответствующем устройстве, и проверка запускается для этого конкретного устройства и Dreamweaver.

Чтобы выйти из режима проверки, еще раз щелкните по значку «Проверить» в Dreamweaver.

Все изменения, которые выполняются на веб-странице на настольном компьютере, после подтверждения немедленно отражаются на устройствах.

Устранение неполадок с предварительным просмотром на устройствах

Если возникли проблемы при подключении устройств или предварительном просмотре веб-страниц на устройствах, см. статью Предварительный просмотр на устройствах — устранение неполадок.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет