Инструменты для захвата выполнения кода JavaScript

Question

Существует ли какой-либо инструмент для захвата исполняемого и исполняемого кода JavaScript на стороне клиента? Мы используем команду отладчика для перехода на машины разработчика, но для устранения производственных проблем есть ли инструмент, который захватывает загруженный и исполняющий код javascript?

Любое руководство очень ценится.

спасибо

Answer 1

Если вы используете Firefox (или можете тестировать), FireBug - это отличный инструмент, который позволит вам входить, выходить за пределы и т. Д., Блоки кода JavaScript. Кроме того, он позволит вам устанавливать точки останова в js и приостанавливать их выполнение, если вам нужно.

Answer 2

Если вы хотите отлаживать производственный код, вы можете следить за несколькими вещами:

• Захват window.onerror событий.
• Создание объекта JSON для регистрации важных событий на странице.
• Если вы беспокоитесь, что ваш сайт может работать медленно, используйте «new Date.getTime ()» до / после медленной операции, чтобы получить время, необходимое для запуска.

Я не знаю готовых инструментов для этого. Обычно люди используют тег img для отправки запроса GET обратно на свой сервер, а затем анализируют журналы. Вот пример для регистрации ошибок JavaScript:

window.onerror = function(errorMsg, url, lineNumber) {
  var url = '/js_err?msg=' + uriEncodeComponent(errorMsg) +
            '&url=' + uriEncodeComponent(url) + 
            '&line=' + uriEncodeComponent(line);
  var i = new Image();
  i.src = url; // Sends GET request to /js_err with info

  // Add some checks so that if above code throws an error, you won't
  // ping your server in an infinite loop
}

Затем вы можете просмотреть запросы к / js_err в своих журналах, чтобы увидеть, каковы основные сообщения об ошибках, и объединить с пользовательским агентом запроса, чтобы увидеть, в каких браузерах возникают ошибки.

Answer 3

Я использую несколько инструментов, включая Firebug, Internet Explorer 8 время от времени. Однако мой любимый инструмент для сложной отладки - визуальная студия. Ключом для использования visual studio является использование команды отладчика .

Answer 4

Лично мне нравится использовать инструменты разработчика Chromium: http://www.chromium.org/devtools. Вы можете начать с CTRL-SHIFT-J или щелкнув значок в виде документа в верхнем правом углу, затем выберите Параметры разработчика.

Answer 5

Firebug, панель инструментов разработчика IE и MS Script Debugger, в зависимости от вашего браузера.