Javascript, Firebug: Как у меня есть несколько представлений или каково право разработки? - PullRequest
2 голосов
/ 10 ноября 2009

Большая часть моей работы с javascript выполняется с помощью Firebug, и большую часть времени меня раздражает необходимость переключаться между режимом HTML и режимом консоли (который я снова делю на режим вывода и режим ввода). Когда я переключаюсь на другую страницу, чтобы увидеть HTML и возвращаюсь, я теряю код, который пишу. Как лучше всего разрабатывать приложения javascript с использованием firebug?

Что-то вроде мини-IDE было бы замечательно: просто нужно позволить мне вставить какой-то код, изучить текущую страницу и затем выполнить ее. Есть предложения?

Ответы [ 3 ]

1 голос
/ 11 ноября 2009

Я использую простой текстовый редактор (vim) для написания Javascript и HTML, и время от времени проверяю результат в Firefox. У меня всегда два открытых окна: одно для моего текстового редактора, а другое с текущей страницей, открытой в Firefox. После сохранения изменений в Javascript я переключаюсь в браузер и обновляю страницу, чтобы увидеть результаты. Это был мой рабочий процесс до недавнего времени.

Пару недель назад я обнаружил инструмент Combiner Николас С. Закас . Чтобы выпустить свой код Javascript, я сейчас использую полный процесс сборки на основе Apache Ant , аналогичный тому, который я использовал при разработке Java ранее.

Первым шагом является проверка кода Javascript с помощью инструмента JSLint Дугласа Крокфорда . Раньше я мучительно копировал и вставлял свой код Javascript в онлайн-версию инструмента; возможность запускать его на всех моих файлах Javascript одновременно с этим Ant-сценарием - огромное удобство.

Второй шаг - объединить все мои файлы Javascript в один файл с помощью инструмента Combiner. Третий шаг - минимизировать код Javascript с помощью YUI Compressor от Yahoo! . Эти два последних шага позволяют оптимизировать доставку кода Javascript, чтобы уменьшить загрузку страниц.

Вы можете найти пример файла сборки Ant , который вы можете адаптировать к вашим собственным потребностям. В настоящее время я использую этот файл для создания моей собственной библиотеки Javascript, bezen.org .

1 голос
/ 12 ноября 2009

Другие ответы до сих пор были правильными: я никогда не слышал о том, чтобы кто-то действительно разрабатывал внутри Firefox / Firebug, потому что это инструмент, предназначенный для отладки, а не кодирования. Чтобы выполнить кодирование, вам следует использовать специально разработанный для него инструмент (текстовый редактор или полноценную среду разработки).

Но при этом вы, возможно, захотите проверить FireEclipse (http://www.almaden.ibm.com/u/bartonjj/fireclipse/index.html).. Это позволит вам интегрировать Firebug с Eclipse IDE (которая сама имеет по крайней мере три различных подключаемых модуля JS). В качестве альтернативы, я думаю, что основной (также известный как Web Standard Toolkit, также известный как WST) JS-редактор для Eclipse имеет некоторые функции, аналогичные Firebug, но я никогда не использовал его, поэтому не знаю деталей.

Надеюсь, это поможет.

0 голосов
/ 10 ноября 2009
  • Напишите свой HTML в редакторе / IDE
  • Сохраните ваши изменения
  • Предварительный просмотр в вашем браузере
  • Отладка с использованием Firebug
  • Внесите изменения в ваш код источника
  • Повторите

Firebug предназначен для отладки и позволяет вам немного поиграть "что если", пока страница работает Это не замена для IDE.

...