Как проверить код JavaScript на стороне клиента для ошибок?

Ответ 1

Скопируйте и вставьте его в http://www.jslint.com/, но будьте готовы "повредить ваши чувства".

Ответ 2

Открытие вашей консоли JavaScript в браузере Chrome с помощью (Tools- > JavaScript console) или (CTRL + SHIFT + J) всегда является хорошим местом для начала. Однако JSLint действительно лучший выбор.

Ответ 3

Я бы посоветовал попробовать Google Closure Compiler. Он может не только проверять ваш код на наличие ошибок, но и выполнять некоторые оптимизации. "Компилятор" здесь может быть немного неправильным, поскольку он принимает в JavaScript и выводит обратно JavaScript.

Чтобы попробовать, вы можете скопировать и вставить свой код в онлайн-службу Closure Compiler Service.

Я заметил много людей, предлагающих JSLint. Я просто наткнулся на JSHint из твит от Джона Resig, который выглядит супер гибким для обеспечения соблюдения правил кодирования.

Ответ 4

JSLint и все отлично, если вы действительно беспокоитесь о вкладках и пробелах, но для синтаксиса JS я использую http://esprima.org/demo/validate.html

Я отбрасываю некоторые небольшие JS/jQuery вызовы + функции в свой php, и esprima checker подходит для счета для меня.

Ответ 5

Используйте что-то вроде FireBug для Firefox.

Ответ 6

Firebug для firefox:

Используйте браузер Firefox для загрузки и установки надстройки: https://getfirebug.com/downloads/

Если у вас установлена ​​более старая версия Firefox, выберите загрузку старых версий и нажмите один раз на файл .xpi для установки. Выберите тот, у которого самая последняя дата, соответствующая вашей версии firefox.

Поместите этот код в файл с именем whatever.html:

<script type="text/javascript">
    var successFunction(){
    }
</script>

Откройте этот файл с помощью firefox. Откройте окно firebug. Перейдите на вкладку Консоль. Включите его. И он должен сказать вам, что код выше кода имеет ошибку:

Ответ 7

Существует два способа поиска проблем:

• Статический анализ Вы можете использовать jshint/jslint с конструктором gruntjs, чтобы идентифицировать в основном проблемы синтаксиса. https://github.com/gruntjs/grunt-contrib-jshint

• Управление ошибкой выполнения Вы можете ловить ошибки и журналы из ваших клиентов с помощью служб ведения журнала, таких как JsLog.me. Каждый браузер имеет собственную среду выполнения для JavaScript, поэтому регистрация клиентов захватывает реальные проблемы.