Дополнительные инструменты Firefox для проверки синтаксиса JavaScript?

Не уверены, есть ли какой-либо дополнительный инструмент Firefox для проверки синтаксиса JavaScript, объявления var или даже предварительной компиляции?

Я обнаружил, что очень сложно отлаживать JavaScript на веб-странице html. Я должен добавить туда скрипт. Когда скрипт становится очень большим или длинным, он перестает работать. В принципе, ошибки должны быть. Очень неприятно, что даже событие загрузки перестает работать. Мне действительно нужны хорошие инструменты, чтобы обнаружить ошибки.

Я пробовал FireBug. Это хорошо, но этого недостаточно. Может, я не знаю всех его возможностей. В любом случае, мне нужны хорошие предложения.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
0
7 052
10

Ответы 10

Эта страница может вам немного помочь, так как она также содержит скринкаст.

Отладка Javascript в Firefox с помощью Firebug

В качестве альтернативы FireBug проверьте этот отладчик: Отладчик JavaScript Venkman, существует уже некоторое время, и это совсем неплохо ...

Я всегда был поклонником firebug, и это, безусловно, один из лучших отладчиков. Любая проблема с JS Нажмите F12, включите консоль для обнаружения ошибок, а затем вы сможете найти точную строку, вызывающую ошибку. Добавьте точку останова, и вы также сможете увидеть точные значения переменных. Очень интуитивно понятный интерфейс ... просто привыкните к нему, и это сэкономит вам много времени.

Это не совсем дополнение (хотя вы, очевидно, можете запустить его на веб-странице Firefox), но я обнаружил, что JSLint помогает выявить аномалии выражений, которые могут быть или не могут быть строго недопустимым синтаксисом (хотя он перехватит все эти , тоже.)

Я НАСТОЯТЕЛЬНО рекомендую Радуга. Он все еще находится в бета-версии и работает только в FF3, но предлагает подсветку синтаксиса. Когда дело доходит до синтаксиса, это поможет вам на полпути.

Я предлагаю проверить ваш javascript с помощью JSLint. JSLint покажет вам общие проблемы в коде javascript и поможет вам создать строгий и совместимый код.

YSlow включает JSLint как инструмент.

Я постоянно использую firebug с файлом js, в котором около 15000 строк. У меня не было проблем с ним (иногда мне нужно подождать несколько секунд, чтобы он перешел к точке останова, но даже тогда он работает нормально).

К сожалению, JSLint у нас не работает. Мы используем сторонний код, который, будучи «действительным», содержит ненужные символы «;» согласно jsLint. Код находится в начале нашего js файла, и jslint перестает анализировать на 3%, потому что считает, что ошибок слишком много (все они ненужные ";".)

Почему бы вам не разделить свой скрипт на разные файлы хотя бы в режиме разработки? Таким образом было бы легче отлаживать код и даже позволять использовать JSLint.

Damir Zekić 31.10.2008 20:31

Да, если бы я действительно хотел, я мог бы это сделать. Хотя это слишком хлопотно. У нас есть автоматизированная система "публикации", и было бы много ручной работы, чтобы раздельно публиковать и постоянно тестировать все наши файлы (вы можете называть меня ленивым, если хотите). Отладка работает нормально, так что проблем нет.

Gene 03.11.2008 11:40

Привет, Джин: вы можете изменить одну переменную option.maxerr в вашем файле jslint.js на желаемое число.

Значение по умолчанию - 50, вы можете изменить его на 500 или 1000 на свой вкус.

Вы упускаете суть по двум пунктам:

  • Во-первых, появление кучи ненужных сообщений об ошибках сделает невозможным обнаружение проблемы.
  • Во-вторых, ошибки не нужны. Раньше я неукоснительно использовал JSLint, но теперь он стал слишком нацистским кодом, и я не могу его использовать.

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

Проблема заключается в удобстве использования конфигурации по умолчанию. Мне, как и оригинальному плакату, просто нужен способ очень быстро найти истинные синтаксические ошибки JavaScript, в том числе на HTML-страницах. Я уверен, что Firebug может это сделать, но, как и в случае с JSLint, у меня нет свободного времени, чтобы узнать, как это сделать.

Однако я использую Firebug для отладки, хотя версия, которую я использую (1.10.3), имеет плохую привычку отображать ошибки, но сообщать неверный файл и номер строки.

Для проверки кода я использую оба следующих варианта.

В качестве альтернативы плагины jshint и jslint доступны для текстовых редакторов, таких как Notepad ++, sublime и т. д.

Другие вопросы по теме