Dreamweaver не работает предпросмотр
Интерактивный просмотр отличается от традиционного для Dreamweaver представления «Дизайн» тем, что подготавливает страницу для отображения в нередактируемом.
Об интерактивном просмотре
Просмотр страниц в интерактивном просмотре
Просмотр интерактивного кода
«Замораживание» JavaScript
Параметры интерактивного просмотра
У вас есть требуемые права доступа к службе предварительного просмотра на устройствах?
Если вы используете для Dreamweaver корпоративную учетную запись, у вас может не быть доступа к службе предварительного просмотра на устройствах. Обратитесь к системному администратору для получения необходимых разрешений.
Об интерактивном просмотре
Интерактивный просмотр отличается от традиционного для Dreamweaver представления «Дизайн» тем, что подготавливает страницу для отображения в нередактируемом, но более реалистичном виде, подобном тому, который она будет иметь в браузере. Интерактивный просмотр не заменяет команду «Просмотреть в браузере», а лишь обеспечивает возможность просмотра страницы в виде, приближенном к реальности, без необходимости покидать рабочее пространство Dreamweaver.
Переключиться на интерактивный просмотр можно из представления «Дизайн». Однако, переключение на интерактивный просмотр не похоже на переключение между любыми традиционными представлениями в Dreamweaver (такими, как «Код», «Разделение», «Дизайн»). При переключении на интерактивный просмотр из представления «Дизайн» последнее по сути переключается между двумя внутренними представлениями: редактируемым и «реалистичным».
При таком переключении представление «Дизайн» становится нередактируемым, однако в представлении «Код» по-прежнему можно редактировать код, после чего обновлять интерактивный просмотр и наблюдать результаты изменений. В интерактивном просмотре имеется дополнительная возможность просмотра интерактивного кода. Интерактивный просмотр кода похоже на интерактивное представление тем, что код в нем отображается в том виде, в котором реально выполняется браузером при подготовке страницы. Как и дизайн в интерактивный просмотр, код в интерактивном просмотре нередактируем.
Дополнительным преимуществом интерактивного просмотра является возможность «заморозить» выполнение кода JavaScript. Например, можно переключиться на интерактивный просмотр, а затем навести курсор мыши на строки таблицы Spry, изменяющие цвет в результате действий пользователя. При «замораживании» кода JavaScript в интерактивном представлении страница сохраняется в текущем состоянии. Это позволяет отредактировать CSS или JavaScript, после чего обновить страницу, чтобы просмотреть влияние изменений. «Замораживание» JavaScript в интерактивном просмотре полезно, когда необходимо просмотреть и изменить свойства для различных состояний всплывающих меню и других интерактивных элементов, которые нельзя рассмотреть в традиционном представлении «Дизайн».
Параметры интерактивного просмотра
Помимо параметра «Заморозить JavaScript», имеются и другие параметры, доступные во всплывающем меню кнопки «Интерактивный просмотр» или в меню «Просмотр» > «Параметры интерактивного просмотра».
Заморозить JavaScript. Замораживает элементы, затронутые JavaScript, в их текущем состоянии.
Отключить JavaScript. Отключает JavaScript и повторно выводит страницу так, как она отображалась бы в браузере с отключенным кодом JavaScript.
Отключить внешние модули. Отключает внешние модули и повторно выводит страницу так, как она отображалась бы в браузере с отключенными внешними модулями.
Выделять изменения в интерактивном коде. Включает или выключает выделение изменений в представлении «Интерактивный код».
Редактировать страницу интерактивного просмотра в новой вкладке. Позволяет открывать новые вкладки для документов сайта, просматриваемых с помощью панели инструментов «Навигация с помощью браузера» или функции «Переход по ссылке». Сначала перейдите к документу, а потом выберите «Редактировать страницу интерактивного просмотра в новой вкладке» для создания новой вкладки для него.
Следовать по ссылке. При следующем щелчке ссылка в представлении «Интерактивный просмотр» становится активной. Также чтобы сделать ссылку активной, ее можно щелкнуть в представлении «Интерактивный просмотр», удерживая клавишу Ctrl.
Следовать ссылкам непрерывно. Делает ссылки в представлении «Интерактивный просмотр» активными постоянно, пока они не будут отключены снова или страница не будет закрыта.
Автоматически синхронизировать удаленные файлы. Автоматическая синхронизация локальных и удаленных файлов при щелчке значка «Обновить» на панели инструментов «Навигация с помощью браузера». Dreamweaver размещает файл на сервере до обновления, поэтому оба файла становятся синхронизированными.
Использовать тестовый сервер в качестве источника документа. Используется в основном динамическими страницами (например, страницами ColdFusion) и выбрано по умолчанию для динамических страниц. Если выбран этот параметр, Dreamweaver использует в качестве источника данных для отображения интерактивного представления документа его версию, расположенную на тестовом сервере сайта.
Использовать локальные файлы при разрешении ссылок на документы. Параметр по умолчанию для нединамических сайтов. Если этот параметр выбран для динамических сайтов (основной документ которых расположен на тестовом сервере), Dreamweaver использует локальные версии связанных файлов (например, файлов CSS или JavaScript). Это позволяет вносить локальные изменения в связанные файлы и просматривать, как они отображаются, до их переноса на тестовый сервер. Если этот параметр не выбран, Dreamweaver использует версии связанных файлов с тестового сервера.
Создаваемую страницу можно открыть в браузере в любой момент, для этого ее не надо предварительно загружать на веб-сервер. При просмотре страницы все функции, связанные с браузером, должны работать, включая варианты поведения JavaScript, абсолютные и относительные ссылки, элементы управления ActiveX® и подключаемые модули браузера, при условии, что в браузере установлены все необходимые внешние модули и элементы управления ActiveX.
Перед открытием документа в браузере необходимо сохранить его. В противном случае последние изменения не отобразятся в браузере.
Щелкните правой кнопкой мыши названия файла на панели инструментов «Документ», а затем выберите «Открыть в браузере».
Если браузеры в списке отсутствуют, выберите «Правка» > «Настройки» или Dreamweaver > «Настройки» (Macintosh), затем откройте категорию «Просмотреть в браузере» слева, чтобы выбрать браузер. Дополнительные сведения см. в разделе Задание установок просмотра в браузере.
При просмотре документов в локальном браузере содержимое по ссылкам на корневую папку сайта отображаться не будет, если не определен тестовый сервер или в меню «Правка» > «Настройки» > «Просмотреть в браузере» не выбран параметр «Просмотр с использованием временного файла». Это связано с тем, что браузеры не распознают корни сайтов (в отличие от серверов).
Для просмотра содержимого по ссылкам на корень сайта поместите файл на удаленный сервер и выберите «Файл» > «Просмотреть в браузере» для просмотра.
Создаваемую страницу можно просмотреть в браузере в любой момент, для этого ее не надо предварительно загрузить на веб-сервер. При просмотре страницы все функции, связанные с браузером, должны работать, включая варианты поведения JavaScript, абсолютные и относительные ссылки, элементы управления ActiveX и внешние модули Netscape Navigator, при условии, что в браузере установлены все необходимые внешние модули и элементы управления ActiveX.
Перед просмотром документа следует сохранить его. В противном случае последние изменения не отобразятся в браузере.
1 Чтобы просмотреть страницу, выполните одно из следующих действий.
• Выберите «Файл» > «Просмотреть в браузере», затем выберите браузер из списка.
Примечание. Если браузеры в списке отсутствуют, выберите «Редактирование» > «Установки» или Dreamweaver > «Установки» (Macintosh), затем откройте категорию «Просмотреть в браузере» слева, чтобы выбрать браузер.
• Чтобы отобразить текущий документ в основном браузере, нажмите клавишу «F12» (Windows) или «Option» + «F12» (Macintosh).
• Чтобы отобразить текущий документ в дополнительном браузере, нажмите клавиши «Control» + «F12» (Windows) или «Command» + «F12» (Macintosh).
Примечание. При просмотре документов в локальном браузере содержимое по ссылкам на корневую папку сайта отображаться не будет, если не определен тестовый сервер или в меню «Редактирование» > «Установки» > «Просмотреть в браузере» не выбран параметр «Просмотр с использованием временного файла». Это связано с тем, что браузеры не распознают корни сайтов (в отличие от серверов).
Для просмотра содержимого по ссылкам на корень сайта поместите файл на удаленный сервер и выберите «Файл» > «Просмотреть в браузере» для просмотра.
3 После завершения тестирования закройте страницу в браузере.
Задание установок просмотра в браузере
Можно задать установки для браузера, используемого для предварительного просмотра сайта, а также определить основной и дополнительные браузеры по умолчанию.
1 Выберите меню «Файл» > Предварительный просмотр в браузере («Просмотреть в браузере») > «Изменение списка браузеров».
2 Чтобы добавить браузер в список, нажмите кнопку со знаком «Плюс» (+), заполните диалоговое окно «Добавить браузер» и нажмите кнопку «ОК».
3 Чтобы удалить браузер из списка, выберите браузер и нажмите кнопку со знаком «Минус» (-).
4 Чтобы изменить параметры выбранного браузера, нажмите кнопку «Изменить», внесите изменения в диалоговом окне «Изменение браузера» и нажмите кнопку «ОК».
5 Выберите один из вариантов «Основной браузер» или «Дополнительный браузер», чтобы указать, является ли выбранный браузер основным или дополнительным.
Основной браузер открывается клавишей «F12» (Windows) или «Option» + «F12» (Macintosh), а дополнительный — «Ctrl» + «F12» (Windows) или «Command» + «F12» (Macintosh).
6 Чтобы создать временную копию для просмотра и серверной отладки, установите флажок «Просмотр с использованием временного файла». (Чтобы обновлять документ напрямую, отмените выбор этого параметра.)
Просмотр активного содержимого в Internet Explorer (Windows)
❖ Если документ открыт в Dreamweaver, выберите «Команды» > «Вставить пометку Web».
Dreamweaver вставляет в код следующую строку:
Данная строка дает команду браузеру на обход зоны «Локальный компьютер» и запуск активного содержимого в зоне «Интернет».
Удаление пометки Web
1 Откройте в Dreamweaver документ с пометкой Web.
2 Выберите «Команды» > «Удалить метку Web».
Просмотр страниц на мобильных устройствах
Просматривать страницы, созданные в приложении Dreamweaver, на различных мобильных устройствах можно с помощью встроенной функции «Small-Screen Rendering» браузера Opera в Device Central. Безусловно, на разных устройствах установлены различные браузеры, но указанный способ просмотра позволяет получить наглядное представление о том, как содержимое будет выглядеть и работать на выбранном устройстве.
1 Запустите Dreamweaver.
2 Откройте файл.
3 Выполните одно из следующих действий.
• Выберите «Файл» > «Просмотр в браузере» > «Device Central».
• На панели инструментов в окне документа нажмите и удерживайте кнопку «Просмотр/Отладка в браузере» и выберите «Просмотр в Device Central».
Файл отобразится на вкладке «Эмулятор Device Central». Чтобы продолжить тестирование, дважды щелкните имя другого устройства в списке «Наборы устройств» или «Доступные устройства».
Я использую Dreamweaver в качестве редактора для своих проектов.
Недавно я перешел на Windows 7, программное обеспечение Dreamweaver установлено без каких-либо ошибок.
Когда я пытался открыть файлы из Dreamweaver file-> open menu, оно перестало работать и закрывалось само собой.
Это действительно раздражает. Иногда я тоже теряю данные.
Этот же установочный файл отлично работает в Windows XP.
- Найдите dreamweaver.exe в папке Dreamweaver внутри Program Files.
- Щелкните правой кнопкой мыши файл и выберите « Устранение неполадок совместимости».
Следуйте инструкциям - это будет выглядеть примерно так:
Спасибо, что я сделал, переименовал sitecashe, который был в user/appdata/Roaming, но когда DW8 запустился (он зависал при запуске), он попытался проверить или воссоздать кеш, и он снова упал. Я перезапустил и остановил его от создания кеша, который, кажется, работает. Я несколько раз удалял DW8 и пытался удалить все файлы, но когда он появился, на нем были все мои сайты, так что вещи не удаляются при попытке удалить. Он отлично работает на Win7 Pro и работает на этом компьютере годами, прежде чем начался сбой. У меня также это на компьютере Win10 без проблем.
После многих часов тоски и возни, удаления, переустановки, изменения режима совместимости, удаления разделов реестра, вы называете это у меня догадкой, проблема была связана с кешем сайта (ов).
Я сохраняю свои веб-сайты в папке на диске C: «Sites». Я переименовал этот «SitesSAFE», а затем открыл Dreamweaver. Задача решена!
Затем я удалил все сайты в диспетчере сайтов в Dreamweaver. Закрыл программу и снова открыл ее. Закрыл программу и переименовал папку «SitesSAFE» обратно в «Сайты». У меня все еще есть досадная проблема, когда мне приходится каждый раз удалять и импортировать сайт, поскольку DW8 не запоминает пароли FTP, но мне все равно. Я могу жить с этим.
Dreamweaver 8 работает в режиме совместимости с Windows 7. Больше ничего не проверено. Я загрузил изображение, если вы можете перейти по ссылке ниже.
Предварительный просмотр не работает; меня перенаправляют на эту статью.
С 16 ноября 2021 г. функция предварительного просмотра страниц на нескольких устройствах будет поддерживаться не во всех версиях Dreamweaver. Если вам требуется предварительный просмотр страниц в разных браузерах, рекомендуем изучить функцию Предварительный просмотр в реальном времени.
Перенаправление на эту статью возможно в следующих случаях.
- Устройствам не удается подключиться к Dreamweaver.
- Устройство и Dreamweaver находятся в разных сетях.
Служба предварительного просмотра на устройствах не работает, если компьютер, на котором установлен Dreamweaver, и ваши устройства подключены к разным сетям. Например, если устройство использует сетевое подключение, предоставленное оператором мобильной связи, а Dreamweaver — домашнюю сеть, служба работать не будет.
Убедитесь, что все устройства и ваш компьютер находятся в одной сети, и попробуйте выполнить предварительный просмотр веб-страницы еще раз.
Просматривайте ваши веб-страницы в Dreamweaver, в браузерах.
Функция просмотра в реальном времени позволяет просматривать страницы в браузере, а также просматривать изменения в браузере в реальном времени по мере написания кода.
Интерактивный просмотр позволяет получить представление о том, как страница будет выглядеть в Интернете, и позволяет редактировать элементы в представлении кода.
Представление «Дизайн» также позволяет получить представление о том, как страница будет выглядеть при просмотре в Интернете, хотя при этом не выполняется ее рендеринг, как в браузерах.
Функция «Открыть в браузере» позволяет увидеть, как страницы будут отображаться в браузерах. Это оптимальный вариант для работы со страницами, которые используют динамические данные из баз данных, так как он не происходит в режиме реального времени.
В следующих разделах можно больше узнать о других типах просмотра в Dreamweaver.
Можно просматривать веб-страницы в реальном времени по мере разработки для них кода или дизайна в Dreamweaver. Данная функция позволяет писать код и одновременно просматривать веб-страницы в различных браузерах.
Щелкните «Просмотр в реальном времени» в строке состояния Dreamweaver.
У вас есть возможность просматривать веб-страницы в реальном времени в браузере.
Чтобы просмотреть веб-страницы в браузере, выберите любую из доступных опций браузера.
Можно изменить браузеры, которые отображаются в этом списке. Чтобы добавить или удалить браузер из списка, см. раздел Задание установок браузера.
Если у вас есть тестовый сервер, убедитесь в том, что при его настройке был включен параметр «Автоматически передавать файлы на тестовый сервер».
Предварительный просмотр в реальном времени работает с файлами на тестовом сервере. Включение автоматической передачи файлов на тестовый сервер гарантирует, что изменения будут отображаться в реальном времени.
При запросе сохраните веб-страницу и связанные с ней документы.
Откроется браузер, отображающий веб-страницу.
Продолжайте работать с кодом страницы и просматривайте изменения в браузере по мере написания кода.
Просмотр интерактивного кода
Код, отображаемый в представлении «Интерактивный код», аналогичен коду, который отображается при просмотре исходного кода страницы в браузере. Исходный код страницы в браузере статичен, но представление «Интерактивный код» динамично и обновляется по мере взаимодействия со страницей в представлении «Интерактивный просмотр»
Убедитесь, что находитесь в интерактивном представлении.
В Dreamweaver отображается интерактивный код, используемый браузером для выполнения страницы. Код выделен желтым цветом и нередактируем.
При работе с интерактивными элементами на странице представление «Интерактивный код» выделяет изменения в коде.
Чтобы отключить подсветку изменений в представлении «Интерактивный код», выберите «Просмотр» > «Параметры интерактивного просмотра» > «Выделять изменения в интерактивном коде».
Чтобы вернуться к редактируемому представлению «Код», снова нажмите кнопку интерактивного представления кода.
Чтобы изменить настройки «Интерактивного кода», выберите «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh OS) и выберите категорию «Цвета кода».
Используете ли вы один и тот же Adobe ID в Dreamweaver и на устройствах?
Для использования службы предварительного просмотра на устройствах необходимо войти на устройства с помощью Adobe ID. Следует использовать Adobe ID, который применялся для приобретения или пробного использования подписки Dreamweaver. Если вы используете другой Adobe ID, вход на устройство формально будет выполнен, но вы не сможете просматривать страницу, если не войдете с Adobe ID, используемым в Dreamweaver.
Чтобы узнать Adobe ID, который в текущее время используется для Dreamweaver, щелкните «Справка > Выход ».
Включены ли JavaScript и файлы cookie в браузере устройства?
Для предварительного просмотра на устройстве необходимо включить JavaScript и файлы cookie в параметрах браузера устройства. Перейдите к экрану настроек браузера на устройстве, найдите параметры JavaScript и файлов cookie и включите их.
Заморозить JavaScript
Выполните одно из действий, описанных ниже.
Нажмите клавишу F6.
Выберите пункт «Заморозить JavaScript» во всплывающем меню кнопки «Интерактивный просмотр».
Информационная панель в верхней части документа содержит сведения о том, заморожен ли JavaScript. Чтобы закрыть информационную панель, щелкните ссылку закрытия панели.
Создание файла NodePort.json
Создайте файл NodePort.json и укажите в нем номер порта в следующем формате:
Убедитесь, что этот номер порта не заблокирован системным администратором.
Например, если вы будете использовать порт 8010:
Если файл NodePort.json уже создан с парой «ключ-значение», используйте запятую, чтобы отделить новую пару «ключ-значение», или укажите новую пару «ключ-значение» в отдельной строке.
Сохраните файл NodePort.json в следующей папке:
- Win: %appdata%\Adobe\Dreamweaver CC 2015\ru_RU\Configuration
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/ru_RU/Configuration
Параметры интерактивного просмотра
Помимо параметра «Заморозить JavaScript», имеются и другие параметры, доступные во всплывающем меню кнопки «Интерактивный просмотр» или в меню «Просмотр» > «Параметры интерактивного просмотра».
Не удается просмотреть или проверить веб-страницу на устройствах? Приведенные здесь советы могут помочь вам устранить неполадки с предварительным просмотром на устройствах в Dreamweaver.
С 16 ноября 2021 г. функция предварительного просмотра страниц на нескольких устройствах будет поддерживаться не во всех версиях Dreamweaver. Если вам требуется предварительный просмотр страниц в разных браузерах, рекомендуем изучить функцию Предварительный просмотр в реальном времени.
Убедитесь, выполняются ли приведенные ниже условия для службы предварительного просмотра на устройствах. Если вы по-прежнему сталкиваетесь с какими-либо проблемами, см. дополнительные советы по устранению неполадок.
Предварительный просмотр интерактивного кода
Код, отображаемый в представлении «Интерактивный код», аналогичен коду, который отображается при просмотре исходного кода страницы в браузере. Исходный код страницы в браузере статичен, но представление «Интерактивный код» динамично и обновляется по мере взаимодействия со страницей в представлении «Интерактивный просмотр».
Убедитесь, что находитесь в интерактивном представлении.
В Dreamweaver отображается интерактивный код, используемый браузером для выполнения страницы. Код выделен желтым цветом и не редактируем.
При работе с интерактивными элементами на странице представление «Интерактивный код» выделяет изменения в коде.
Чтобы отключить подсветку изменений в представлении «Интерактивный код», выберите «Просмотр» > «Параметры интерактивного просмотра» > «Выделять изменения в интерактивном коде».
Чтобы вернуться к редактируемому представлению «Код», снова нажмите кнопку интерактивного представления кода.
Чтобы изменить настройки «Интерактивного кода», выберите «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh OS) и выберите категорию «Цвета кода».
Просмотр страниц в интерактивном просмотре
Убедитесь, что выбрано представление «Дизайн» («Просмотр» > «Дизайн») или представления «Код» и «Дизайн» («Просмотр» > «Код и дизайн»).
(необязательно) Внесите изменения в представлении «Код», на панели «Стили CSS», во внешней таблице стилей CSS или в другом связанном файле.
Несмотря на то, что редактирование в интерактивном просмотре невозможно, при щелчке мыши в этом представлении изменяются данные, выводимые в других областях (например, на панели «Стили CSS» или в представлении «Код»).
Чтобы работать со связанными файлами (такими, как таблицы стилей CSS), не выпуская из вида интерактивное представление, открывайте связанный файл с помощью панели инструментов «Связанные файлы» в верхней части документа.
Если в представлении «Код» или в связанном файле были произведены изменения, обновите интерактивное представление, нажав кнопку «Обновить» на панели инструментов «Документ» или клавишу F5.
Чтобы вернуться к редактируемому представлению «Дизайн», вновь нажмите кнопку интерактивного представления.
JavaScript и файлы cookie не включены в браузерах на ваших устройствах.
Для предварительного просмотра на устройстве необходимо включить JavaScript и файлы cookie в параметрах браузера устройства. Перейдите к экрану настроек браузера на устройстве, найдите параметры JavaScript и файлов cookie и включите их. Затем повторно просканируйте QR-код, и вы сможете выполнять предварительный просмотр веб-страницы на устройстве.
Об интерактивном просмотре
Интерактивный просмотр отличается от традиционного для Dreamweaver представления «Дизайн» тем, что подготавливает страницу для отображения в нередактируемом, но более реалистичном виде, подобном тому, который она будет иметь в браузере. Интерактивный просмотр не заменяет команду «Просмотреть в браузере», а лишь обеспечивает возможность просмотра страницы в виде, приближенном к реальности, без необходимости покидать рабочее пространство Dreamweaver.
Переключиться на интерактивный просмотр можно из представления «Дизайн». Однако, переключение на интерактивный просмотр не похоже на переключение между любыми традиционными представлениями в Dreamweaver (такими, как «Код», «Разделение», «Дизайн»). При переключении на интерактивный просмотр из представления «Дизайн» последнее по сути переключается между двумя внутренними представлениями: редактируемым и «реалистичным».
При таком переключении представление «Дизайн» становится нередактируемым, однако в представлении «Код» по-прежнему можно редактировать код, после чего обновлять интерактивный просмотр и наблюдать результаты изменений. В интерактивном просмотре имеется дополнительная возможность просмотра интерактивного кода. Интерактивный просмотр кода похоже на интерактивное представление тем, что код в нем отображается в том виде, в котором реально выполняется браузером при подготовке страницы. Как и дизайн в интерактивный просмотр, код в интерактивном просмотре нередактируем.
Дополнительным преимуществом интерактивного просмотра является возможность «заморозить» выполнение кода JavaScript. Например, можно переключиться на интерактивный просмотр, а затем навести курсор мыши на строки таблицы Spry, изменяющие цвет в результате действий пользователя. При «замораживании» кода JavaScript в интерактивном представлении страница сохраняется в текущем состоянии. Это позволяет отредактировать CSS или JavaScript, после чего обновить страницу, чтобы просмотреть влияние изменений. «Замораживание» JavaScript в интерактивном просмотре полезно, когда необходимо просмотреть и изменить свойства для различных состояний всплывающих меню и других интерактивных элементов, которые нельзя рассмотреть в традиционном представлении «Дизайн».
Параметры прокси-сервера блокируют подключения к внешним устройствам
Служба предварительного просмотра на устройствах может не работать, если IP-адрес компьютера, на котором установлен Dreamweaver, не находится в разрешенном списке адресов прокси-сервера.
Если вам потребуется добавить IP-адрес вашего компьютера в разрешенный список адресов прокси-сервера, обратитесь к системному администратору.
Вы открыли допустимый документ для предварительного просмотра?
Параметры брандмауэра блокируют подключения к Dreamweaver.
Устройства не могут подключиться к Dreamweaver, если настройки установленного на компьютере или корпоративного брандмауэра блокируют подключения к внешним устройствам.
Настройте параметры брандмауэра на вашем компьютере таким образом, чтобы разрешить подключение внешних устройств. Если используется офисный компьютер, обратитесь за помощью к системному администратору.
Если ваш брандмауэр настроен для выдачи запроса при попытках подключения со стороны внешних устройств, вам будет предложено разрешить доступ к серверу узлов Dreamweaver. Например, если вы настроили соответствующим образом брандмауэр Windows, появляется запрос с вариантом «Разрешить доступ». Выберите требуемую сеть (общедоступную или частную) и нажмите кнопку «Разрешить доступ».
Примечание. Чтобы выяснить, к какой сети подключен компьютер, откройте брандмауэр Windows на панели управления и проверьте его параметры.
Назначьте службам предварительного просмотра на устройствах конкретный порт с сервера узлов. Необходимо добавить номер этого порта в файл NodePort.json, а также ключ для предварительного просмотра на устройстве. Как это сделать, описано здесь.
Задание установок просмотра в браузере
Можно переключаться между просмотром в реальном времени и просмотром в браузере. Можно задать установки для браузера, используемого для предварительного просмотра сайта, а также определить основной и дополнительные браузеры по умолчанию.
Эти настройки браузера затем используются вне зависимости от того, производится ли просмотр сайта интерактивно в реальном времени или же вы открываете страницу в браузере.
Выберите Файл > Просмотр в реальном времени > Изменение списка браузеров.
Если вы отмените выбор варианта По умолчанию — предварительный статический просмотр в браузере, то предварительный просмотр в реальном времени будет отключен. Вы можете открывать предварительный просмотр в браузере с помощью сочетаний клавиш основного и дополнительного браузеров. Кроме того, можно воспользоваться меню «Файл» или щелкнуть значок предварительного просмотра устройства в строке состояния.
Чтобы добавить браузер в список, нажмите кнопку со знаком «плюс» (+), заполните диалоговое окно «Добавить браузер» и нажмите кнопку «ОК».
Чтобы изменить параметры выбранного браузера, нажмите кнопку «Изменить», внесите изменения в диалоговом окне «Изменение браузера» и нажмите кнопку «ОК».
Выберите один из вариантов «Основной браузер» или «Дополнительный браузер», чтобы указать, является ли выбранный браузер основным или дополнительным.
Основной браузер открывается клавишей F12 (Windows) или Option + F12 (Macintosh), а дополнительный — Ctrl + F12 (Windows) или Command + F12 (Macintosh).
Чтобы создать временную копию для просмотра и серверной отладки, установите флажок «Просмотр с использованием временного файла». (Чтобы обновлять документ напрямую, отмените выбор этого параметра.)
По умолчанию — статический предварительный просмотр в браузере. Это позволит пользователям выбирать режим предварительного просмотра файлов в браузере. Установив флажок, пользователи могут просматривать файлы с помощью функции «Открыть в браузере» в меню и с помощью ярлыков. Если флажок снят, то для предварительного просмотра файлов в браузерах будет использоваться предварительный просмотр в реальном времени. По умолчанию флажок снят, и для предварительного просмотра файлов в браузере будет использоваться предварительный просмотр в реальном времени.
Интерактивный просмотр отличается от традиционного для Dreamweaver представления «Дизайн» тем, что подготавливает страницу для отображения в более реалистичном виде, подобном тому, который она будет иметь в браузере, и также доступном для редактирования.
Переключиться на интерактивный просмотр можно из представления «Дизайн». Однако переключение на интерактивный просмотр не похоже на переключение между любыми традиционными представлениями в Dreamweaver (такими, как «Код», «Разделение», «Дизайн»). При переключении на интерактивный просмотр из представления «Дизайн» последнее по сути переключается между двумя внутренними представлениями: редактируемым и «реалистичным».
При таком переключении представление «Дизайн» становится нередактируемым, однако в представлении «Код» по-прежнему можно редактировать код, после чего обновлять интерактивный просмотр и наблюдать результаты изменений. В интерактивном просмотре имеется дополнительная возможность просмотра интерактивного кода. Интерактивный просмотр кода похоже на интерактивное представление тем, что код в нем отображается в том виде, в котором реально выполняется браузером при подготовке страницы. Как и дизайн в интерактивный просмотр, код в интерактивном просмотре нередактируем.
Дополнительным преимуществом интерактивного просмотра является возможность «заморозить» выполнение кода JavaScript. Например, можно переключиться на интерактивный просмотр, а затем навести курсор мыши на строки таблицы jQuery, изменяющие цвет в результате действий пользователя. При «замораживании» кода JavaScript в интерактивном представлении страница сохраняется в текущем состоянии. Это позволяет отредактировать CSS или JavaScript, после чего обновить страницу, чтобы просмотреть влияние изменений. «Замораживание» JavaScript в интерактивном просмотре полезно, когда необходимо просмотреть и изменить свойства для различных состояний всплывающих меню и других интерактивных элементов, которые нельзя рассмотреть в традиционном представлении «Дизайн».
Просмотр страниц в интерактивном представлении.
Убедитесь, что выбрано представление «Дизайн» («Просмотр» > «Дизайн») или представления «Код и дизайн» («Просмотр» > «Код и дизайн»).
(Необязательно). Внесите изменения в представлении «Код», на панели «Стили CSS», во внешней таблице стилей CSS или в другом связанном файле.
Несмотря на то что редактирование в интерактивном просмотре невозможно, при щелчке мыши в этом представлении изменяются данные, выводимые в других областях (например, на панели «Стили CSS» или в представлении «Код»).
Чтобы работать со связанными файлами (такими, как таблицы стилей CSS), не выпуская из вида интерактивное представление, открывайте связанный файл с помощью панели инструментов «Связанные файлы» в верхней части документа.
Если в представлении «Код» или в связанном файле были произведены изменения, обновите интерактивное представление, нажав кнопку «Обновить» на панели инструментов «Документ» или клавишу F5.
Чтобы вернуться к редактируемому представлению «Дизайн», вновь нажмите кнопку интерактивного представления.
Не удается запустить службу предварительного просмотра на устройствах.
- случайный порт, назначенный сервером узлов;
- IP-адрес localhost, 127.0.0.1.
Чтобы устранить проблему, выполните действия, описанные ниже.
Перезапустите Dreamweaver. Если Dreamweaver не удалось создать экземпляр сервера узлов, перезапуск Dreamweaver устранит проблему.
В противном случае перейдите к шагам 2 и 3.
Назначьте службам предварительного просмотра на устройствах конкретный порт с сервера узлов. Необходимо добавить номер этого порта в файл NodePort.json, а также ключ для предварительного просмотра на устройстве. Как это сделать, описано здесь.
«Замораживание» JavaScript
Выполните одно из следующих действий.
Нажмите клавишу F6
Выберите пункт «Заморозить JavaScript» во всплывающем меню кнопки «Интерактивный просмотр».
Информационная панель в верхней части документа содержит сведения о том, заморожен ли JavaScript. Чтобы закрыть информационную панель, щелкните ссылку закрытия панели.
Подключены ли ваши устройства и Dreamweaver к Интернету и находятся ли они в одной сети?
Служба предварительного просмотра на устройствах не работает, если компьютер, на котором установлен Dreamweaver, и ваши устройства подключены к разным сетям. Например, если устройство использует сетевое подключение, предоставленное оператором мобильной связи, а Dreamweaver — домашнюю сеть, служба работать не будет.
Убедитесь, что все устройства и компьютер подключены к одной сети.
Читайте также: