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

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

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

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

Спасибо за помощь, Alex

ИЗМЕНИТЬ:

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

Ответы

Ответ 1

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

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

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

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

EDIT: Заметил, что вы упомянули модульное тестирование. Существует несколько структурных модулей тестирования для JS, в том числе один, который интегрируется с firebug под названием FireUnit. Сделайте быстрый поиск в Google, чтобы найти больше, если хотите.

Ответ 2

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

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

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

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

Ответ 3

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

Ответ 4

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

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

Ответ 5

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

Ответ 6

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

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

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

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

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

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

Ответ 7

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

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

Ответ 8

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

Ответ 9

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

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

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

Ответ 10

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


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