tag online from data javascript console jsfiddle

javascript - online - get data from meta tag jquery



Cómo obtener la consola dentro de jsfiddle (7)

  1. Expande el panel de JavaScript
  2. Seleccione jQuery Edge
  3. Selecciona Firebug Lite .

Que debería agregar una consola en línea en la parte inferior de la pestaña de resultados

¿Cómo puedo hacer que la consola se muestre en un violín en JSfiddle.com?

Recientemente vi un violín que tenía la consola incrustada en el violín, ¿alguien sabe cómo se puede hacer esto?


Hay varias formas de incrustar una consola virtual dentro de cualquier página web ...

1. Demostración del depurador Firebug Lite

Incluya el siguiente script de Firebug Lite , servido a través de raw.githack.com :

https://rawcdn.githack.com/firebug/firebug-lite/firebug1.5/build/firebug-lite-debug.js

2. Demostración de la consola virtual de fragmentos de pila

Incluya el siguiente script de /u/canon , utilizado en fragmentos de pila :

https://stacksnippets.net/scripts/snippet-javascript-console.min.js

3. Agregar jsFiddle Console Demo

Incluya el siguiente script de github , servido a través de raw.githack.com :

https://raw.githack.com/eu81273/jsfiddle-console/master/console.js

4. Tira tu propio

Aquí hay una implementación trivial que envuelve la llamada console.log existente y luego descarta los arguments prettified usando document.write :

var oldLog = window.console.log window.console.log = function(...args) { document.write(JSON.stringify(args, null, 2)); oldLog.apply(this, args); } console.log("String", 44, {name: "Kyle", age: 30}, [1,2,3])

Otras lecturas

  • Imprimir Var en JsFiddle

Ninguna de las soluciones anteriores funcionó para mí, ya que necesitaba una consola interactiva para poder establecer dinámicamente una variable al probar la reactividad en Vue.js.

Así que me Codepen a Codepen , que tiene una consola interactiva en su aplicación.


No pude encontrar ninguna opción para seleccionar la extensión Firebug en la opción de engranaje de JavaScript, y no quería agregar enlaces / bibliotecas externas, pero hay otra solución simple .

Puedes usar la consola integrada de tu navegador


bastante simple ...

example

github

Simplemente agregue la siguiente URL a Recursos externos en jsfiddle, verá console.log y console.error en la pantalla de resultados.

https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js


funciona bien ... here

var consoleLine = "<p class=/"console-line/"></p>"; console = { log: function (text) { $("#console-log").append($(consoleLine).html(text)); } }; console.log("Hello Console")


  • haga clic en esa flecha al lado de JavaScript
  • y como MARCOS Y EXTENSIONES seleccione No-Libary (Pure JS)
  • pegue su console.log(''foo''); en caja JS
  • en Recursos agregue https://rawgit.com/eu81273/jsfiddle-console/master/console.js
    • o: en Recursos, agregue https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js
  • y ejecuta tu script presionando el botón Reproducir