Как получить консоль внутри jsfiddle

Ответ 1

1. Разверните панель JavaScript
2. Выберите JQuery Edge
3. Выберите Firebug Lite.

Который должен добавить встроенную консоль внизу вкладки результатов

Ответ 2

довольно простой..

пример

GitHub

Просто добавьте следующий URL во Внешние ресурсы в jsfiddle, вы увидите console.log и console.error на экране результатов.

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

Ответ 3

• нажмите на эту стрелку рядом с JavaScript
• и как РАМКИ & РАСШИРЕНИЯ выберите No-Libary (Pure JS)
• вставьте свой console.log('foo'); в коробку JS
• в разделе Ресурсы добавьте https://rawgit.com/eu81273/jsfiddle-console/master/console.js
  • или: в разделе Ресурсы добавьте https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js
• .и запустите свой скрипт, нажав эту кнопку воспроизведения

Ответ 4

отлично работает... здесь

var consoleLine = "<p class=\"console-line\"></p>";

console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};
console.log("Hello Console")

Ответ 5

Я не смог найти никакой опции для выбора расширения Firebug в опции JavaScript, и я не хотел добавлять внешние ссылки/библиотеки, но есть другое простое решение.

Вы можете использовать свой браузер, встроенный в консоль

Ответ 6

Ни одно из вышеперечисленных решений не помогло мне, поскольку мне требовалась интерактивная консоль, чтобы иметь возможность динамически устанавливать переменную при тестировании реактивности в Vue.js.

Поэтому я переключился на Codepen, в которой имеется интерактивная консоль для вашего приложения.

Ответ 7

Существует несколько способов встроить виртуальную консоль в любую веб-страницу...

1. Firebug Lite Debugger ^Demo

Включите следующий скрипт из Firebug Lite, который подается через raw.githack.com:

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

2. Виртуальная консоль стека фрагментов ^Demo

Включите следующий скрипт из /u/canon, который используется в фрагментах стека:

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

3. Добавьте консоль jsFiddle ^Demo

Включите следующий скрипт из eu81273, который подается через raw.githack.com :

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

4. Бросьте свои собственные

Вот тривиальная реализация, которая упаковывает существующий вызов console.log, а затем выгружает предварительно подтвержденные аргументы, используя 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])