Salida a la consola de Chrome desde Node.js

Estoy buscando una manera de generar variables de Nodo directamente en la consola del navegador Google Chrome. De la misma manera que una console.log() funciona en el lado del cliente. Algo como esto para php . Esto aceleraría enormemente el desarrollo.

NOTA: Dado que la respuesta anterior (escrita en septiembre de 2014) se refiere a una versión anterior de node-inspector , mis instrucciones ya no son relevantes en 2017. Además, la documentación ha mejorado mucho, así que actualicé mi respuesta original:

nodo-inspector es lo que necesitas. Abre una instancia de Chrome con sus herramientas de desarrollo para la depuración.

También es fácil de usar:

1. Instalar

 $ npm install -g node-inspector 

2. Comenzar

 $ node-debug app.js 

Fuente: https://github.com/node-inspector/node-inspector

Es posible que desee probar NodeMonkey – https://github.com/jwarkentin/node-monkey

Lo más cercano a esto que he visto es el inspector de depuración de objetos de la consola Node JS

Consulte esta publicación para conocer el uso y los posibles problemas: http://thomashunter.name/blog/nodejs-console-object-debug-inspector/

Para usuarios con nodejs en linux a través de ssh-shell (putty):

El problema con nodejs en linux-ssh-shell es que no tiene ningún navegador conectado. Probé todas estas soluciones, pero no conseguí que funcionara.

Así que elaboré una solución con firebase ( https://firebase.google.com ), porque mi proyecto usa firebase. Si está familiarizado con Firebase, esta es una gran manera de hacerlo. Si no es así, vale la pena usar la base de fuego en combinación con nodejs, ¡y es gratis!

En el script del lado del servidor (iniciado con nodo) use un registro de función propio ():

 // 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'}); 

En el lado del cliente, crea una referencia de base de fuego en este objeto de consola:

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

Ahora todo lo que se registra en el lado del servidor con la función log () se transfiere en tiempo real a la base de datos de base de fuego y desde allí se activa la referencia de la consola del cliente y se inicia sesión en la consola del navegador.

Si alguien necesita ayuda, lo explicaré con más detalle y le daré una versión más extendida de este registro con tipos (console./log/warn/info), agrupando con título-información (es decir, el servidor dice: (filename + línea).

La configuración de FireBase para su proyecto se realiza en un máximo de 30 minutos, insertando la función de consola en 30 minutos. Creo que vale la pena el tiempo!

Sé que es una pregunta antigua, pero superó mi búsqueda en Google, así que tal vez alguien encuentre útil mi respuesta.

Así que puedes usar el node --inspect-brk index.js

Ahora, todo lo que tiene que hacer es básicamente escribir chrome://inspect en la barra de direcciones de Chrome y hacer clic en Open dedicated DevTools for Node

En DevTools, ahora conectado a Node, tendrás todas las características de Chrome DevTools a las que estás acostumbrado:

  • Completar la depuración de punto de interrupción, paso a paso / caja negra

  • Mapas fuente para código transstackdo

  • LiveEdit: evaluación de intercambio en caliente de JavaScript con V8

  • Evaluación de la consola con ES6 característica / soporte de objetos y formato de objetos personalizados

  • Muestreo de perfiles de JavaScript con carta de llamas

  • Inspección de instantáneas de montón, cronogtwig de asignación de montón, perfil de asignación

  • Pilas asíncronas para promesas nativas.

Espero que haya ayudado.

Este es un video genial que encontré en Cómo depurar código en VSC y en el navegador Chrome por Andrew Mead

Enlace de tubo

    Intereting Posts