Последнее обновление
25 сент. 2023 г.
Подключите ваши устройства к приложению Dreamweaver для настольных ПК, чтобы просмотреть, проверить, протестировать и отладить веб-страницы на разных устройствах.
С 16 ноября 2021 г. функция предварительного просмотра страниц на нескольких устройствах будет поддерживаться не во всех версиях Dreamweaver. Если вам требуется предварительный просмотр страниц в разных браузерах, рекомендуем изучить функцию Предварительный просмотр в реальном времени.
Теперь Dreamweaver позволяет тестировать готовые веб-страницы одновременно на нескольких устройствах. Вы можете увидеть, как веб-страница выглядит в различных форм-факторах, и проверить работу интерактивных функций. Для этого не требуется устанавливать какие-либо мобильные приложения или физически подключать устройства к настольному ПК. Просто отсканируйте своим устройством автоматически созданный QR-код, и на нем откроется ваша страница.
Режим интерактивной проверки на настольном ПК дублируется на всех подключенных устройствах. Таким образом, вы сможете просматривать на них различные элементы и при необходимости изменять дизайн.
Необходимые требования
|
|
Убедитесь, что на ваших устройствах установлен сканер QR-кодов. |
|
|
Проверьте, подключены ли ваши настольные и мобильные устройства к Интернету и находятся ли они в одной сети. |
|
|
Держите под рукой свой Adobe ID. Для входа на устройства во время предварительного просмотра требуется Adobe ID, используемый в Dreamweaver на настольном ПК. |
|
|
Если вы корпоративный клиент, проверьте наличие необходимых разрешений для доступа к службе предварительного просмотра на устройствах. |
|
|
Убедитесь, что в настройках браузера на устройствах включены JavaScript и файлы cookie. |
Поддерживаемые устройства
Все устройства iOS и Android
Предварительный просмотр веб-страниц на устройствах
Запустите Dreamweaver на настольном компьютере и откройте веб-страницу, которую вы хотите просмотреть на других устройствах.
Щелкните по значку «Предварительный просмотр в реальном времени» на панели инструментов документа.
Появится всплывающее окно «Предварительный просмотр на устройстве» с QR-кодом и коротким URL-адресом.
Просканируйте QR-код с мобильного устройства, на котором вы хотите просмотреть веб-документ. Чтобы подключить несколько устройств, выполните сканирование QR-кода с каждого из этих устройств.
На устройствах появляется экран входа в систему. Выполните вход с использованием своего Adobe ID. Используйте тот же Adobe ID, что и для Dreamweaver/Creative Cloud.
После выполнения входа названий подключенных устройств появятся во всплывающем окне «Предварительный просмотр на устройстве». И теперь на подключенных устройствах будет доступен предварительный просмотр вашей веб-страницы.
Примечание
Чтобы сопоставить названия устройств во всплывающем окне с самими устройствами, наведите на них курсор мыши. На соответствующем устройстве появится экран обратной связи.
Проверка веб-страниц на устройствах
Для проверки веб-страницы на всех подключенных устройствах щелкните по значку «Проверить» на панели инструментов Dreamweaver.
Для проверки веб-страницы на конкретном устройстве щелкните значок «Проверить», соответствующий названию устройства во всплывающем окне предварительного просмотра на устройстве. Окно просмотра в Dreamweaver соответствует окну просмотра на подходящем устройстве, и проверка запускается для этого конкретного устройства и Dreamweaver.
Чтобы выйти из режима проверки, еще раз щелкните по значку «Проверить» в Dreamweaver.
Все изменения, которые выполняются на веб-странице на настольном компьютере, после подтверждения немедленно отражаются на устройствах.
Устранение неполадок с предварительным просмотром на устройствах
Если возникли проблемы при подключении устройств или предварительном просмотре веб-страниц на устройствах, см. статью Предварительный просмотр на устройствах — устранение неполадок.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
