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

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

Поиск

Последнее обновление 18 нояб. 2021 г.

Подключите ваши устройства к приложению 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.

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

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

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

Adobe

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

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