Выйти на консоль Chrome с Node.js

Я ищу способ вывода переменных Node непосредственно в консоль браузера Google Chrome. Точно так же console.log() работает на стороне клиента. Что-то вроде это для php. Это значительно ускорит развитие.

Ответ 1

ПРИМЕЧАНИЕ. Поскольку старый ответ (написанный в сентябре 2014 г.) относится к более старой версии node-inspector, мои инструкции больше не актуальны в 2017 г. Кроме того, документация стала намного лучше, поэтому я обновил свой оригинальный ответ:

узел-инспектор - это то, что вам нужно. Он открывает экземпляр Chrome со своими инструментами разработчика для отладки.

Это также легко использовать:

1. Установите

$ npm install -g node-inspector

2. Старт

$ node-debug app.js

Источник: https://github.com/node-inspector/node-inspector

Ответ 4

Для пользователей с nodejs на linux через ssh-shell (putty):

Проблема с nodejs в linux-ssh-shell заключается в том, что у вас нет подключенного браузера. Я пробовал все эти решения, но не получил его для работы.

Итак, я разработал решение с firebase (https://firebase.google.com), потому что в моем проекте используется firebase. Если вы знакомы с firebase, это отличный способ. Если нет, firebase стоит использовать в сочетании с nodejs - и его бесплатное!

В серверной части script (начиная с node) используйте собственный журнал функций():

// server-side:
// using new firebase v3 !
var fbRootRef = firebase.database();
var fbConsoleRef = fbRootRef.ref("/console");
var log = function(args) {
  fbConsoleRef.set({'obj': args});
}

// inside your server-code:
log({'key':'value'});

На стороне клиента вы создаете ссылку на firebase на этом консольном объекте:

// client side:
fbRootRef.child('/console').on('value', function(d) {
  var v = d.val();
  console.log(v);
});

Теперь все, зарегистрированные на серверной стороне с функцией log(), передаются в реальном времени в базу данных firebase и оттуда запускают клиентскую консоль-ссылку и регистрируются в консоли браузеров.

Если кому-то нужна помощь, я объясню более подробно и могу предоставить более расширенную версию этого ведения журнала с помощью типов (console./log/warn/info), группируя информацию заголовка (например, сервер говорит: (имя файла + линия).

Настройка firebase для вашего проекта выполняется максимум за 30 минут, вставив консольную функцию через 30 минут. Я думаю, что это стоит того времени.

Ответ 5

Я знаю, что это старый вопрос, но он был в верхней части моего поиска в Google, поэтому, возможно, кто-то найдет мой ответ полезным.

Таким образом, вы можете использовать node --inspect-brk index.js

Теперь все, что вам нужно сделать, это просто набрать chrome://inspect в адресной строке Chrome и нажать Open dedicated DevTools for Node

В DevTools, теперь подключенном к Node, у вас есть все функции Chrome DevTools, которые вы использовали для:

  • Полная отладка точки останова, пошаговое выполнение с чёрным ящиком

  • Исходные карты для переданного кода

  • LiveEdit: оценка "горячей" замены JavaScript с V8

  • Оценка консоли с поддержкой функций/объектов ES6 и пользовательским форматированием объектов

  • Выборочный JavaScript-профилировщик с пламенной диаграммой

  • Проверка снимка кучи, график распределения кучи, профилирование распределения

  • Асинхронные стеки для родных обещаний

Надеюсь, что это помогло.

Ответ 6

Это классное видео, которое я нашел на Andrew Mead, Как отладить код в VSC и браузере Chrome.

Вы трубка ссылка

Ответ 7

Вы можете использовать bonsole, простой способ авторизоваться в браузере. Даже в Linux вы можете зайти в ip локальной сети, чтобы проверить это.