javascript - online - get data from meta tag jquery
Cómo obtener la consola dentro de jsfiddle (7)
- Expande el panel de JavaScript
- Seleccione jQuery Edge
- 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.
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
-
o: en
Recursos,
agregue
- y ejecuta tu script presionando el botón Reproducir