Руководство пользователя Отмена

Просмотр веб-страниц в Dreamweaver

 

 

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

С 16 ноября 2021 г. функция предварительного просмотра страниц на нескольких устройствах будет поддерживаться не во всех версиях 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.

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

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

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

Получайте помощь быстрее и проще

Новый пользователь?