Лучшие способы безболезненно развиваться в Javascript на локальной машине

Question

Я довольно новичок в работе с Javascript.

В большинстве языков вы можете быстро запустить код локально на вашем компьютере.Из того, что я видел, в JS вы обычно используете его только через браузер, и поэтому я загружаю свой код для просмотра его эффектов в браузере.Это оказалось очень утомительным.Кроме того, если я сделаю одну ошибку, похоже, что мой JS / JQuery просто не будет делать НИЧЕГО, вместо того, чтобы выдавать мне полезную ошибку, сообщение, из-за которого он мучительно медленно кодирует.

Есть какой-то способзапустить JS локально, чтобы увидеть, что он работает, как я иду?И тогда только загрузить его в Интернет, когда я в основном закончил?Какие у меня есть способы сделать это?Какие есть способы для меня локально протестировать Javascript?Скажем, у меня есть JAML , который должен отображаться как <p>HI</p>, как мне запустить это локально в модульном тесте?

Спасибо за помощь, Алекс

РЕДАКТИРОВАТЬ:

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

Answer 1

Вам не нужно загружать файл JS на сервер, чтобы проверить его. Просто напишите html и объявите привязку js

<script
            src="js/yourJSFile.js"
            type="text/javascript"></script>

Отредактируйте файл JS в своем любимом редакторе, а затем обновите страницу, чтобы протестировать его.

Для модульного тестирования лучший вариант - Селен . Это позволяет вам записывать взаимодействие с браузером, а затем воспроизводить его.

Answer 2

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

В качестве фактического ответа на ваш вопрос, я предлагаю использовать инструменты разработчика Chrome, у него не только консоль, но и инспектор элементов и средство отслеживания ресурсов (средство отслеживания ресурсов неоценимо при работе с JSON и AJAX, поскольку недопустимо JSON молча провалится)

Насколько я знаю, плагин Firebug для Firefox (не используй его сам) имеет аналогичный набор функций, так что если тебе удобнее, продолжай.

Помните, как разработчик, ваша среда разработки (и отладки) так же важна, как и код, который вы пишете.

РЕДАКТИРОВАТЬ: заметил, что вы упомянули модульное тестирование. Существует несколько платформ для модульного тестирования для JS, включая интегрированную с firebug FireUnit . Сделайте быстрый поиск в Google, чтобы найти больше, если хотите.

Answer 3

Вы можете использовать Firebug с Firefox для отладки JS, а в Google Chrome есть встроенный отладчик (используйте Сервис -> Меню инструментов разработчика).

Answer 4

В браузере, если вы открываете инструменты разработчика, выполните следующие действия:

1) Перейдите к источникам

2) В разделе источников выберите фрагмент и откройте файл run.js

3) Вы можете использовать run.js, чтобы написать столько кода, сколько вы хотите, и запустить его локально, только чтобы увидеть, работает ваш код или нет (он выдаст вам вывод на консоль)

4) Также вы можете привыкнуть к некоторым сочетаниям клавиш, чтобы сделать его более быстрым для вас.

5) Для небольших кодов JavaScript вы можете перейти к консоли и запустить там свой код

Answer 5

Даже если вы загрузите свой javascript, он будет загружен обратно вам, как только вы посетите веб-страницу, которая вызывает его. Его запустить на стороне клиента всегда. Так что придерживайтесь местных и используйте firebug, как сказали другие. Инструмент разработчика Google тоже неплох.

Answer 6

Вы можете запустить Javascript из локального файла на вашем компьютере в браузере, чтобы вы могли пропустить шаг загрузки.

Кроме того, я бы рекомендовал использовать комбо Firefox / Firebug для разработки Javascript, так как это будет очень удобно, особенно для той части, которую вы упомянули о том, что вы не видите, что происходит с вашим кодом.

Answer 7

В дополнение к данным ответам вы можете использовать Жасмин для автоматического тестирования.

учебник , который, кажется, помогает начать автоматизированное тестирование на Jasmine, предоставлен Эваном Ханом.
Я использовал это, и для меня это работает как шарм. Особенно, если вы собираетесь разрабатывать на основе тестов!

Answer 8

Я предпочитаю Chrome Firefox, и я только что нашел Веб-сервер для Chrome .

Это просто приложение Google, которое быстро настраивает веб-сервер для вас и будет настроено везде, где вы вошли в Chrome. Он разрешает доступ к файлам только вашим текущим устройствам или, если вы укажете, другим устройствам только в текущей локальной сети.

Вы просто указываете на каталог с вашим файлом index.html и набираете http://127.0.0.1:8887 в своем браузере.

Answer 9

Рассмотрим Spider Monkey , который является движком JavaScript, отдельным от браузера.Если то, что вы разрабатываете, не включает рендеринг на веб-страницу или может быть отделено от кода рендеринга (хорошая практика!), Тогда это может быть полезно.

Answer 10

Если вы хотите провести модульное тестирование с Javascript, есть расширение Firebug, которое может помочь вам в этом. Я не пробовал ни одного из них, поэтому не могу точно сказать, какой из них стоит рассмотреть, но вы легко можете найти их, если по ключевому слову "Проверка модуля Firebug" в Google.

Похоже, что сверху идет FireUnit . Вы можете найти некоторую информацию о том, как это работает здесь .