Adobe dreamweaver cs5 отладка javascript

Обновлено: 07.07.2024

Dreamweaver представляет собой комбинацию IDE для PHP, ASP, ColdFusion и WYSIWYG HTML/CSS-редактора. Кроме того, он позволяет непрограммистам интегрировать в свои страницы несколько основных функций сценариев на стороне сервера, но часто вызывает критику за создание раздутого кода. Последние версии Dreamweaver поставляются в комплекте с библиотекой AJAX (Spry), которая содержит несколько готовых виджетов и другие варианты поведения. В DW CS 5.5 особое внимание уделяется разработке мобильных веб-приложений.

Расширение оптимизатора кода для Dreamweaver?

Из-за моего аккуратного стиля кодирования мои страницы занимают на 30% больше места как на моем сервере, так и в выходном HTML. Существует ли какое-либо бесплатное расширение для Dreamweaver для .

Опция «Выбрать папку» в Dreamweaver отсутствует

У меня есть вопрос о Adobe Dreamweaver: У меня есть два редактора кода, Sublime и Dreamweaver(CS6 и CC2019). Sublime имеет возможность select folder чтобы включить проект на боковой панели. Но в .

нужна помощь в добавлении файлов начальной загрузки в структуру папок

Я новичок в Dreamweaver и следую инструкциям. Я в той части, где вы добавляете Bootstrap NavBar. Когда я впервые добавил его, Dreamweaver добавил файлы в структуру папок. У меня были проблемы с моим .

Dreamweaver зависает при открытии или просмотре файла

Я искал интернет для решения этой проблемы, но я не могу понять это, и никакие исправления, кажется, не работают. У меня есть базовый файл .html, прикрепленный к сайту Dreamweaver, а также некоторые .

Outlook Подпись html

Мне интересно, может ли кто-нибудь мне помочь, я сделал подпись в Dream Weaver, и подпись в Outlook не такая, как в DW. Это растягивает мой имидж. Я также хотел бы получить несколько советов о том, .

Подключение к FTP-серверу FileZilla на локальном хосте XAMPP с помощью Dreamweaver

Я использую XAMPP 1.7.4. Я установил FTP-сервер FileZilla и запускаю его как сервис. Я создал пользователя, и когда я подключаюсь как этот пользователь с клиентом FileZilla, у меня не возникает .

Почему некоторые FTP-клиенты не подключаются к FTP-серверу IIS7?

У меня Windows 2008 R2 Server с II7. Я установил FTP-сервер. Я могу подключиться к нему нормально с Dreamweaver CS5 на моем Mac. Я могу подключиться к нему с помощью Cute FTP 7 Professional на ПК. Я .

Как интегрировать терминал в Dreamweaver?

Я хотел интегрировать Terminal в Dreamweaver так же, как код Visual Studio, но я не мог найти ничего, что могло бы помочь мне его настроить. Это возможно? PS: я использую Windows 10

Как добавить в качестве редактора Dreamweaver для работы в GIT?

Как добавить Dreamweaver в качестве редактора в Git? git config --global core.editor. $ slime README.md sh.exe": slime: command not found

Сбой Adobe Dreamweaver при запуске: ошибка 6

Пробные проблемы Adobe на 7

Я хочу установить пробную версию Adobe Dreamweaver CS4, но когда я открываю установку, она выполняет проверку профиля системы, а затем, когда открывается окно настройки, снова открывается и зависает .

Dreamweaver 8 не работает на Windows 7

Я использую Dreamweaver в качестве редактора для своих проектов. Недавно я перешел на Windows 7, программное обеспечение Dreamweaver установлено без каких-либо ошибок. Когда я пытался открыть файлы .

Остановить создание папки _notes в Adobe Dreamweaver CS6

Как развернуть и свернуть ВСЕ папки, перечисленные в проводнике, в Dreamweaver CS5 для OSX?

Средство поиска OSX раскроет ВСЕ папки, если вы удерживаете клавишу Alt, нажимаете стрелку вправо и сворачиваете все с помощью Alt+ стрелка влево. У меня есть большая папка проекта, и это .

На каком языке написан Dreamweaver?

Мне было просто интересно, потому что я думал, что это C++, но затем я установил Dreamweaver CC, и для этого потребовалось открыть Java Runtime. Означает ли это, что он написан на Java или только его .

Редактирование Dreamweaver Горячая клавиша / ярлыки

Я пытаюсь изменить горячую клавишу для полного тега свертывания, который по умолчанию называется ctrl+shift+j. Где я могу найти его в меню сочетаний клавиш, чтобы изменить его?

Dreamweaver CS6 - перезагрузка компьютера (даже при первом запуске)

У меня есть компьютер Dell OptiPlex 755, я скачал и установил Adobe Dreamweaver CS6 из Adobe. После установки, когда я запускаю программу, она просто перезагружает мой компьютер через пару секунд и .

Как я могу создать расширение Adobe

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

Dreamweaver не загружается из-за проблемы с файлом рабочей области

Как удалить _notes в Adobe Dreamweaver CS6?

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

Какие методы или инструменты для отладки JavaScript в Dreamweaver CS5?

Я вижу, что DW сообщает об ошибках по мере их ввода. Есть ли способ отследить консоль во время выполнения, как это можно сделать с помощью Firebug? Какие еще методы или инструменты для отладки .

Как я могу масштабировать программные интерфейсы Adobe на дисплее высокой плотности?

Я получил новый ноутбук с экраном 4K, но в моем Photoshop, Illustrator и Dreamweaver вместо обычного размера есть крошечные значки. Я должен уменьшить разрешение экрана, чтобы использовать его .

Генерация индивидуальных подписей в формате HTML с помощью Dreamweaver или?

Я маркетолог / графический дизайнер с минимальными знаниями кодирования. В настоящее время моя компания обновляет наш веб-сайт, и мы заплатили веб-дизайнеру за то, что он создал для нас подпись в .

Dreamweaver: автокоррекция

В Notepad++ при вводе неправильного тега или неправильного слова цвет останется черным, а не синим. Как настроить это предпочтение в Dreamweaver CC? Благодарю.

Установленный Dreamweaver 5.5 не имеет деинсталляции. Как это убрать?

Я установил Dreamweaver 5.5 несколько месяцев назад и теперь хочу удалить его. Но в каталоге нет файла удаления, или даже нет ничего в Панели управления -> Программы. Креативной свиты тоже нет. Как я .

Как программа Dreamweaver загружается в ОЗУ?

Я использовал Dreamweaver и заметил, что не все его модули загружаются в ОЗУ сразу при запуске. Эти модули загружаются только тогда, когда мы их используем. Когда я нажимаю на « Файл» в заголовке, .

Dreamweaver ОШИБКА в TagEdit.setOuterHTML

Как запустить Dreamweaver локальный сервер тестирования с HTML-страницей

У меня есть HTML-страница, над которой я работаю, и я запускаю отображение в реальном времени, нажимая клавишу F12 на клавиатуре, чтобы открыть ее в браузере по умолчанию. Я хочу открыть эту же .

Как заменить HTML, используя Dreamweaver "найти и заменить"?

Я хочу найти и заменить, например. В Dreamweaver найти и заменить Business Development в Business Development Я должен изменить в большом количестве файлов. Я пытаюсь это напечатать в поиске и .

Есть ли способ дублировать код в Dreamweaver?

В Notepad++ вы можете нажать CTRL+ D, чтобы повторить выбранный код или код в той же строке, когда вы нажимаете CTRL+ D. Это очень полезно! Есть ли похожая функция в Dreamweaver CS6? Я искал вокруг, .

Найти и заменить несколько разных значений одновременно

У меня есть файл с несколькими экземплярами Text_1 и Text1 и мне нужно заменить обе эти строки с Text_A и TextB соответственно. В настоящее время я выполняю две функции Find и Replace для каждого .

Как перенести / экспортировать информацию свертывания кода в Adobe Dreamweaver?

Вопрос для истинного суперпользователя. Где хранится информация о свертывании кода в Adobe Dreamweaver и как ее можно экспортировать / скопировать на другой компьютер? Фон: Есть файлы, некоторые из .

Как заставить Dreamweaver раскрасить код как php для файлов .inc

У меня есть php код, написанный в файле test.inc, но Dreamweaver не показывает цветовой подсветки. Есть ли способ сделать их такой же цветовой код, как расширение .php

Не могу запустить Adobe Dreamweaver с вином на Кали

Я пытаюсь запустить Dreamweaver.exe с Wine на моей машине Kali, но получаю следующую ошибку с этой командой: Wine Dreamweaver.exe wine: Bad EXE format for Z:\root\Desktop\Dreamweaver.exe Что я могу с .

Как установить Adobe Dreamweaver в Ubuntu 14.04 с Wine?

Я пытаюсь установить Adobe Dreamweaver CS4, используя Wine в Ubuntu. Поиски в Google привели к обучению для старых версий Ubuntu, Wine и т.д. Мне нужен надежный способ установки и запуска Adobe .

Как заставить Dreamweaver развернуть подсветку синтаксиса для полнофункциональных сценариев CFC?

Есть ли способ заставить Dreamweaver CS4 использовать подсветку синтаксиса при написании полнофункциональных сценариев CFC? Если тип документа - .cfc, а их синтаксис - fullscript, подсветка .

Назначить комментарий и закомментировать ярлык для одной и той же клавиши

Я хочу добавить комментирование и комментирование сочетания клавиш и назначить его тому же сочетанию клавиш, а именно популярному Cmd + /. До сих пор я мог назначить только одну комбинацию клавиш для .

Dreamweaver CS5 комментарий / раскомментарий

Как я могу комментировать / раскомментировать код с помощью ярлыка в DW CS5? Ашорткорт есть? Если нет, как я могу создать для них обоих? (Было бы хорошо, если бы обе операции выполнялись с .

Dreamweaver Regex - Unmatched) в регулярном выражении

Проблема Проблема, с которой я сталкиваюсь, заключается в том, что в прошлом разработчики некоторого кода, над которым я работаю, устанавливают переменные, такие как $ _GET [name] или иногда как $ .

Использование процессора Adobe Dreamweaver на HP Probook G1 450 - i5 Quad Core

Является ли загрузка процессора 40% - 50% нормальной при работе Adobe Dreamweaver CS6, или это основная проблема? Мой ноутбук - HP ProBook G1 450, i5 Quad Core и имеет 8 ГБ оперативной памяти.

Переназначение ассоциаций файлов для Dreamweaver?

Как переназначить расширения файлов для Dreamweaver? Я установил Microsoft Expression, чтобы поиграться, и все мои файлы .php , .css и т.д. Теперь связаны с ним. Я пытался удерживать Ctrl+Shift+Alt .

Получить кнопки с несколькими состояниями для Dreamweaver CS5?

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

Управление Dreamweaver CS5

В Dreamweaver CS4, когда вы нажимаете, чтобы создать новый веб-сайт, вы получаете всплывающее окно, где вы можете выбрать создание сайта только с FTP. Однако в Dreamweaver CS5 такого всплывающего .

Dreamweaver CS4 - SVN не знает, что я удалил файл

После нескольких коммитов я решил удалить файл, который стал ненужным. Я так и сделал, щелкнул по корню сайта и нажал "Проверить". Все файлы, которые изменились во время последнего коммита, находятся .

Как восстановить пароль FTP из Dreamweaver MX 2004?

Допустим, у вас установлен Dreamweaver MX 2004, и это единственный оставшийся источник вашего пароля FTP. Как вы извлекаете этот пароль FTP? Можно посмотреть, сколько символов пароль FTP через .

Пользовательские Dreamweaver DocTypes

Dreamweaver CS5 с Dreamweaver HTML5 Pack 1.2.7 Windows 7 x64 Когда я собираюсь создать новый документ и выбрать HTML5 DocType, Dreamweaver дает мне устаревшее объявление кодировки / набора символов: .

Автозаполнение пар тегов в подсказках кода Dreamweaver

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

Соедините Dreamweaver с битбакетом

Как я могу подключить хранилище Bitbucket к Dreamweaver SVN? Я получаю ошибку ниже, когда пытаюсь проверить соединение. Примечание: битбакет доступен через SVN.

Диалоговые окна Dreamweaver огромны

Добрый день, у меня возникли проблемы с Dreamweaver:/ При открытии диалогового окна в Dreamweaver CS6, например, окна настроек Dreamweaver или окна редактора CSS, оно выглядит очень большим, почти в .

Дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 3.0 с указанием ссылки на источник. rev 1.0.0.0

Изучите этот раздел, чтобы понять, как применять встроенные варианты поведения JavaScript в Adobe Dreamweaver.

Варианты поведения в составе Dreamweaver предназначены для функционирования в современных браузерах. В ранних версиях браузеров обработка поведения завершается неудачей, но без ошибки.

Действия Dreamweaver обеспечивают максимальную совместимость со многими версиями браузеров. Удаление кода из действия Dreamweaver вручную или замена кода вашим собственным кодом может нарушить совместимость с различными браузерами.

Хотя действия Dreamweaver обеспечивают максимальную совместимость с различными браузерами, некоторые браузеры вообще не поддерживают JavaScript, кроме того, многие пользователи отключают поддержку JavaScript в своих браузерах. Для обеспечения максимальной межплатформенной совместимости необходимо предусмотреть дополнительный интерфейс, заключенный в теги <noscript> , в результате сайт будет функционировать и без поддержки JavaScript.

Поведение «Вызов JavaScript» выполняет пользовательскую функцию или строку кода JavaScript, когда возникает событие. (Можно самостоятельно записать сценарий или использовать код, предоставляемый различными бесплатными библиотеками JavaScript в Интернете.)

Выберите объект и укажите «Вызов JavaScript» в меню «Добавить поведение» на панели «Поведения». Добавьте правильный код JavaScript или имя функции.

Необходимо использовать поведение «Изменить свойство», чтобы изменить значение одного из свойств объекта (например, цвет фона раздела или действие формы).

Это поведение можно использовать только при высоком уровне знания HTML и JavaScript.

Выберите объект и укажите «Изменить свойство» в меню «Добавить поведение» на панели «Поведения». В меню «Тип элемента» выберите тип элемента, чтобы просмотреть все идентифицированные элементы этого типа. Выберите свойство в меню «Свойство» или введите имя свойства в поле. Введите новое значение созданного свойства в поле «Создать значение».

Определить специфические внешние модули Internet Explorer с помощью JavaScript невозможно. Однако выбор Flash или Director добавит на страницу код VBScript, определяющий эти внешние модули Internet Explorer в ОС Windows. Обнаружение подключаемых модулей невозможно в браузере Internet Explorer для Mac OS

Выберите объект и укажите «Проверить подключаемый модуль» в меню «Добавить поведение» на панели «Поведения». Выберите внешний модуль в меню «Подключаемый модуль» или нажмите кнопку Enter и введите точное имя внешнего модуля в соответствующем поле.

Необходимо использовать точное имя внешнего модуля, указанное жирным шрифтом на странице «О внешних модулях» в Netscape Navigator. (в Windows выберите команду «Navigator’s Help» > «About Plug‑ins»; в Mac OS выберите «About Plug‑ins» в меню «Apple»).

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

Этот параметр применим только к Internet Explorer; Netscape Navigator всегда может определять внешние модули.

Поведение «Перетаскивание элемента AP» позволяет посетителю перетащить элемент (AP), имеющий абсолютное положение. Используйте это поведение, чтобы создать пазлы (игру), элемент управления «ползунок» и другие перемещаемые элементы интерфейса.

Можно указать направление перемещения элемента AP (по горизонтали, по вертикали или в любом направлении), место, куда будет перемещен элемент AP, должен ли привязываться элемент AP к месту назначения, если он находится в нескольких пикселах от него, что делать, когда элемент AP достигает места назначения и т. д.

Так как поведение «Перетаскивание элемента AP» должно быть вызвано до перемещения посетителем элемента AP, необходимо назначить поведение «Перетаскивание элемента AP» объекту body (с помощью события onLoad ).

Выберите «Вставка» > «Объекты макета» > «Слой AP» или нажмите кнопку «Рисовать слой AP» на панели «Вставка» и нарисуйте слой AP в представлении «Дизайн» окна документа. Щелкните объект <body> в селекторе тегов в левом нижнем углу окна «Документ». Выберите поведение «Перетаскивание элемента AP» в меню «Добавить поведение» на панели «Поведения».

Если поведение «Перетаскивание элемента AP» недоступно, то, возможно, выделен элемент AP.

Во всплывающем меню «Элемент AP» выберите элемент AP. Выберите «Ограниченный» или «Неограниченный» во всплывающем меню «Перемещение».

Неограниченное перемещение предназначено для пазлов и других подобных игр. Для элемента управления «ползунок» и подвижных декораций, например ящиков с картотекой, экранов и мини-шторок, выберите ограниченное движение.

Для ограниченного движения введите значение (в пикселах) в полях «Вверх», «Вниз», «Влево» и «Вправо».

Значения применяются относительно начального положения элемента AP. Чтобы ограничить движение в пределах прямоугольной области, введите положительные значения во все четыре поля. Чтобы разрешить движение только по вертикали, введите положительные значения в поля «Вверх» и «Вниз», а в поля «Вправо» и «Влево» — значение 0. Чтобы разрешить движение только по горизонтали, введите положительные значения в поля «Влево» и «Вправо», а в поля «Вверх» и «Вниз» — значение 0.

Введите значения (в пикселах) для целевого пункта перемещения в полях «Влево» и «Наверх». Введите значение (в пикселах) в поле «Привязать, если внутри», чтобы определить, какая часть элемента AP должна войти в целевой пункт перемещения, чтобы выполнить к нему привязку.

Большие значения облегчают посетителям поиск целевого пункта перемещения.

Для несложных пазлов и управления декорациями можно остановиться на этом. Чтобы определить рукоять перемещения для элемента AP, отследите движение элемента AP при перемещении и инициируйте действие, когда элемент AP будет отпущен, затем щелкните вкладку «Дополнительно». Чтобы определить специальную область, за которую посетитель может перетаскивать элемент AP, выберите «Область» в пределах элемента в меню «Перемещение рукояти»; затем введите координаты верхнего и левого края, а также ширину и высоту этой области.

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

Выберите нужный параметр из группы «При перетаскивании».

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

Введите код JavaScript или имя функции (например, monitorAPelement() ) в поле «Вызов JavaScript», чтобы многократно выполнить код или функцию во время перемещения элемента AP. Например, можно написать функцию, которая контролирует координаты элемента AP и отображает подсказки в текстовом поле типа «теплее» или «целевого пункта перемещения нет поблизости».

Введите код JavaScript или имя функции (например, evaluateAPelementPos() ) в другое поле «Вызов JavaScript», чтобы выполнить код или функцию, когда элемент AP будет отпущен. Выберите «Только если есть привязка», если JavaScript должен быть выполнен только при достижении элементом AP целевого пункта перемещения.

При назначении поведения «Перетаскивание элемента AP» объекту Dreamweaver добавляет функцию MM_dragLayer() в раздел head документа. (Функция поддерживает старое соглашение об именах для элементов AP [то есть «Слой»], таким образом слои, созданные в предыдущих версиях Dreamweaver, остались доступными для редактирования.) В дополнение к регистрации элемента AP как перетаскиваемого, эта функция определяет три свойства для каждого такого элемента: MM_LEFTRIGHT , MM_UPDOWN и MM_SNAPPED , которые можно использовать в собственных функциях JavaScript, чтобы определить относительное горизонтальное и вертикальное положение элемента AP, а также определить, достиг ли элемент AP целевого пункта перемещения.

Предоставленные здесь сведения предназначены только для опытных программистов JavaScript.

Например, следующая функция отображает значение свойства MM_UPDOWN (текущее вертикальное положение элемента AP) в поле curPosField формы. (Поля формы полезны для отображения постоянно изменяющейся информации, потому что они являются динамическими, то есть их содержимое можно изменять после загрузки страницы.)

Поведение «Переход к URL-адресу» открывает новую страницу в текущем окне или в указанном фрейме. Это поведение полезно для изменения содержимого нескольких фреймов одним щелчком.

Выберите объект и укажите «Переход к URL-адресу» в меню «Добавить поведение» на панели «Поведения».

Список «Открыть в» автоматически отображает имена всех фреймов в текущем наборе фреймов, в том числе и главное окно. Если фреймов не существует, главное окно является единственным вариантом.

Это поведение может привести к неожиданным результатам, если какой-нибудь фрейм имеет имя top, blank, self или parent. Браузеры иногда воспринимают эти имена как зарезервированные.

Нажмите «Обзор», чтобы выбрать документ для открытия, или введите путь или имя файла документа в поле URL-адреса. Повторите шаги 2 и 3, чтобы открыть дополнительные документы в других фреймах.

При создании меню переходов с помощью «Вставка» > «Форма» > «Меню переходов» Dreamweaver создает объект меню и назначает ему поведение «Меню переходов» (или «Выполнение меню переходов»). Обычно нет необходимости назначать поведение «Меню переходов» объекту вручную.

Можно отредактировать существующее меню переходов двумя способами.

Можно редактировать и изменять порядок пунктов меню, изменять файлы для перехода, изменять окно, в котором открыты эти файлы, дважды щелкнув существующее поведение «Меню переходов» на панели «Поведение».

Можно редактировать элементы в меню так же, как в обычном меню, выбирая элемент и используя кнопку «Значения списка» в Инспекторе свойств.

Создайте объект меню переходов, если его нет в документе. Выберите объект и укажите «Меню переходов» в меню «Добавить поведение» на панели «Поведения». Сделайте необходимые изменения в диалоговом окне «Меню переходов» и затем нажмите кнопку «ОК».

Поведение «Выполнение меню переходов» тесно связано с поведением «Меню переходов»; «Выполнение меню переходов» позволяет связать кнопку «Перейти» с меню переходов. (Перед использованием этого поведения меню переходов должно содержаться в документе.) Нажатие кнопки «Перейти» приводит к открытию ссылки, которая выбрана в меню переходов. Меню переходов обычно не требуется кнопка «Перейти»; выбор пункта в меню переходов заставляет загружаться URL-адрес без каких-либо действий пользователя. Но если посетитель выбирает пункт, уже выбранный в меню переходов, переход не происходит. Обычно это не имеет значения, но если меню переходов находится во фрейме, а пункты меню переходов ссылаются на страницы в других фреймах, то кнопка «Перейти» может быть полезна, чтобы повторно выбрать пункт, уже выбранный в меню переходов.

При использовании кнопки «Перейти» вместе с меню переходов она становится единственным механизмом, который направляет пользователя к URL-адресу, связанному с выбором в меню. Выбор пункта в меню переходов больше не перенаправляет пользователя автоматически на другую страницу или фрейм.

Выберите объект для использования в качестве кнопки «Перейти» (обычно изображение кнопки) и укажите «Выполнение меню переходов» в меню «Добавить поведение» на панели «Поведения». В меню «Выберите меню перехода» выберите пункт, чтобы активировать кнопку «Перейти» и нажмите кнопку «ОК».

Используйте поведение «Открытие окна браузера», чтобы открыть страницу в новом окне. Можно указать свойства нового окна, включая его размер, атрибуты (будет ли оно иметь изменяемый размер, главное меню и т. д.) и имя. Например, можно использовать это поведение, чтобы открыть увеличенное изображение в отдельном окне, когда посетитель щелкает миниатюру; с помощью этого поведения можно создать новое окно по размеру изображения.

Используйте варианты поведения JavaScript в Adobe Dreamweaver, чтобы посетители могли менять оформление веб-страницы или запускать определенные задачи.

Поведение Adobe Dreamweaver помещает код JavaScript в документы, чтобы посетители могли менять оформление веб-страницы или запускать определенные задачи. Поведение — это комбинация события и действия, инициированного при возникновении этого события. На панели «Поведение» на страницу можно добавить поведение, определив действие и затем событие, которое инициирует это действие.

Код поведения — это клиентский код JavaScript, то есть код, который выполняется в браузерах, а не на серверах.

Действие — это готовый код JavaScript для выполнения таких задач, как открытие окна браузера, показ или скрытие AP-элементов, воспроизведение звуков или остановка ролика Adobe Shockwave. Действия, предоставляемые продуктом Dreamweaver, обеспечивают максимальную совместимость с различными браузерами.

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

Термины поведение и действие относятся к Dreamweaver, а не HTML. Действие с точки зрения браузера — это обычный фрагмент кода JavaScript.

Необходимо использовать панель «Поведение» («Окно» > «Поведение»), чтобы назначить поведение элементам страницы (точнее тегам) и изменять параметры ранее назначенного поведения.

Поведение, назначенное выбранному в текущий момент элементу страницы, отображается в списке вариантов поведения (главная область панели), перечисленных по событиям в алфавитном порядке. Если несколько действий перечислены для одного события, они будут выполнены в порядке появления в списке. Если список не содержит ни одного варианта поведения, значит поведение не было назначено выбранному в текущий момент элементу.

Панель «Поведение» содержит следующие параметры.

Показать заданные события

Отображает только те события, которые были назначены текущему документу. События сгруппированы в клиентские и серверные категории. События каждой категории находятся в сворачиваемом списке. Параметр «Показать заданные события» установлен по умолчанию.

Показать все события

Отображает алфавитный список всех событий для данной категории.

Отображает меню действий, которые могут быть назначены выбранному в настоящий момент элементу. При выборе действия из списка появляется диалоговое окно, в котором можно указать параметры действия. Если все действия недоступны, выбранный элемент не может сгенерировать ни одного события.

Удаляет выбранное событие и действие из списка вариантов поведения.

Кнопки со стрелками вверх и вниз

Перемещают выбранное действие вверх или вниз в списке поведения для определенного события. Можно изменить порядок действий только для отдельных событий, например действий, выполняющихся по событию onLoad , однако все действия события onLoad остаются в списке поведения. Кнопки со стрелками заблокированы для действий, которые не могут быть перемещены в списке вверх или вниз.

Отображает всплывающее меню, видимое только тогда, когда выбрано какое-либо событие, инициирующее действие (это меню появляется при нажатии кнопки рядом с именем выбранного события). В зависимости от выбранного объекта появляются различные события. Если ожидаемые события не появляются, необходимо убедиться, что элемент страницы или тег выбраны верно. (Чтобы выбрать определенный тег, необходимо использовать селектор тегов в левом нижнем углу окна «Документ».)

Имена событий в круглых скобках доступны только для ссылок; выбор одного из этих имен событий автоматически добавляет пустую ссылку к выбранному элементу страницы и назначает поведение ей, а не элементу непосредственно. Пустая ссылка указывается в коде HTML как href="javascript:;".

Каждый браузер предоставляет набор событий, которые можно назначить действиям, перечисленным в меню «Действия (+)» панели «Поведение». Когда посетитель взаимодействует с веб-страницей, например щелкая изображение, браузер генерирует события; эти события могут использоваться для вызова функций JavaScript, выполняющих действие. Dreamweaver предоставляет много общих действий, которые могут быть инициированы этими событиями.

В зависимости от выбранного объекта в меню «События» появляются различные события. Чтобы узнать, какие события данный браузер поддерживает для элемента страницы, необходимо вставить элемент страницы в документ и назначить ему поведение, тогда события будут отображены в меню «События» на панели «Поведение». (По умолчанию события выбраны из списка событий HTML 4.01 и поддерживаются самыми современными браузерами.) События могут быть заблокированы (недоступны), если соответствующие объекты еще не содержатся на странице или если выбранный объект не может принимать события. Если ожидаемые события не появляются, убедитесь, что выбран правильный объект.

При назначении поведения изображению некоторые события (такие как onMouseOver ) отображаются в круглых скобках. Эти события доступны только для ссылок. При выборе одного из них Dreamweaver заключает изображение с обеих сторон в теги <a> , содержащие пустую ссылку. Пустая ссылка представлена в виде текста javascript:; в окне ссылок Инспектора свойств. Можно изменить значение ссылки, чтобы создать реальную ссылку на другую страницу, однако если удалить ссылку JavaScript, не заменив ее на другую, то будет удалено и поведение.

Чтобы увидеть теги, используемые с данным событием в браузере, необходимо найти это событие в одном из файлов в папке Dreamweaver/Configuration/Behaviors/Events.

Можно назначить поведение целому документу (то есть тегу <body> ), ссылкам, изображениям, элементам формы и другим элементам HTML.

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

Можно указать более одного действия для каждого события. Действия происходят в том порядке, в котором они перечислены в столбце «Действия» панели «Поведение», однако этот порядок можно изменить.

Необходимо выбрать элемент на странице, например изображение или ссылку.

Чтобы назначить поведение целой странице, щелкните тег <body> в селекторе тегов в левом нижнем углу окна «Документ».

Единственная информация о чем-то близком заключается в том, что в ней сказано, что мне нужно нажать на кнопку «Предварительный просмотр / отладка в браузере», которая открывает страницу, но при возникновении ошибки на странице не происходит отладки. Я также не вижу способа установить точки останова или пройтись по коду.

MS Visual Web Developer (Visual Studio Express - бесплатно) имеет отладчик, который можно подключить к процессу. Поэтому, даже если вы не разрабатываете его, вы можете отлаживать JavaScript в любом браузере. Он также имеет очень богатое наблюдение за переменными, которое позволяет детализировать все потомки объекта для его соответствующих значений. Я надеялся, что Dreamweaver сможет хотя бы соответствовать Visual Web Developer .

Каков опыт использования инструментов отладчика Visual Studio с браузерами, отличными от Internet Explorer?

  • Dreamweaver не имеет эффективного встроенного отладчика. прекрасно работает с браузерами, отличными от Internet Explorer
  • Инструменты Visual Studio отлично работают с ID браузерами

Что хорошо работает по всем направлениям?

Отладчики специфичны для конкретного интерпретатора / компилятора, а не для языка. Один и тот же язык - в данном случае JavaScript - может иметь более одного интерпретатора / компилятора. В частности, у каждого браузера есть свои.

Поэтому для отладки JavaScript в Internet Explorer вам необходим отладчик Internet Explorer - либо встроенный в Internet Explorer, либо один из вариантов Visual Studio. Для отладки JavaScript в Chrome используйте отладчик Chrome. Чтобы отлаживать JavaScript в Firefox, используйте Firebug. (И так далее.)

Я согласен с CheGueVerra, безусловно, лучшим отладчиком является «консоль ошибок» в Firefox. Если вы хотите сделать его еще лучше, просто загрузите консоль надстроек Firefox² . Все, что вам нужно для отладки кода JavaScript, есть.

В Dreamweaver нет ничего родного для отладки JavaScript, но есть несколько других бесплатных вариантов.

Дополнение Firebug для Firefox позволяет вам устанавливать точки останова и проходить через JavaScript. Скачайте и играйте с этим, и вы должны найти то, что вам нужно. Вот краткое руководство по вашим вопросам: Отладка Javascript с помощью Firebug

Я предполагаю, что вы ищете что-то, где вы можете прикрепить точки останова и тому подобное . Ну, не повторяя другие (это можно сделать в Firebug), попробуйте Aptana Studio. Его можно запустить как плагин в Eclipse и использовать для отладки JavaScript ,

Вы также можете использовать Firebug, который, на мой взгляд, является лучшим отладчиком JavaScript для Firefox, даже если иногда возникают некоторые проблемы (см. Мой пост несколько дней назад, вопрос переполнения стека Отладчик Firebug не работает в Firefox 3.x? ).

Я решил большинство проблем JavaScript, используя консоль ошибок в FireFox. У меня никогда не было работы Dreamweaver.

Читайте также: