Как я могу заставить консоль отображаться в скрипке на JSfiddle.com?
Недавно я видел скрипку, в которую встроена консоль, кто-нибудь знает, как это можно сделать?
javascript
console
jsfiddle
Адам Бьюкенен Смит
источник
источник
Ответы:
Что должно добавить встроенную консоль в нижнюю часть вкладки результатов
источник
довольно простой ..
пример
github
Просто добавьте следующий URL-адрес во внешние ресурсы в jsfiddle, и вы увидите console.log и console.error на экране результатов.
источник
console.log('foo');
в поле JShttps://rawgit.com/eu81273/jsfiddle-console/master/console.js
https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js
источник
Я не смог найти ни одной опции для выбора расширения Firebug в опции передач JavaScript, и я не хотел добавлять внешние ссылки / библиотеки, но есть еще одно простое решение.
Вы можете использовать встроенную консоль вашего браузера
источник
console.log()
что вы демонстрируете, но я все еще не могу взаимодействовать с переменными в jsfiddle. Есть ли способ это сделать?отлично работает ... здесь
источник
Ни одно из вышеперечисленных решений у меня не сработало, поскольку мне нужна была интерактивная консоль, чтобы иметь возможность динамически устанавливать переменную при тестировании реактивности в Vue.js.
Поэтому я переключился на Codepen , в котором есть интерактивная консоль, привязанная к вашему приложению.
источник
Есть несколько способов встроить виртуальную консоль в любую веб-страницу ...
1. Демо- версия отладчика Firebug Lite
Включите следующий скрипт из Firebug Lite , обслуживаемый через raw.githack.com :
https://rawcdn.githack.com/firebug/firebug-lite/firebug1.5/build/firebug-lite-debug.js
2. Демонстрация виртуальной консоли Stack Snippets
Включите следующий скрипт из / u / canon , используемый в Stack Snippets :
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
:Дальнейшее чтение
источник
Для справки в будущем: jsfiddle-console из ответа - именно то, что мне нужно, когда я преподавал класс по JavaScript. Однако я обнаружил, что он слишком ограничен, чтобы иметь какое-либо практическое применение в данной ситуации. Так что я сделал свой собственный.
Может, здесь кому-нибудь пригодится.
Просто добавьте CDN-версию в ресурсы jsFiddle:
Пример здесь: https://jsfiddle.net/Brutac/e5nsp2mu/
GitHub: https://github.com/karimayachi/html-console-output
источник
Я мог опоздать на вечеринку, но просто хотел упомянуть, что JSfiddle только что выпустил новую функцию консоли. Просто включите его в настройках, если он вам не подходит.
Все еще в бета-версии, но эй ... больше никаких раздражающих обходных путей.
источник