Как мне напечатать что-то на экране результатов в JsFiddle из моего JavaScript. Я не могу использовать document.write()
, это не позволяет, ни print
.
Что я должен использовать?
источник
Как мне напечатать что-то на экране результатов в JsFiddle из моего JavaScript. Я не могу использовать document.write()
, это не позволяет, ни print
.
Что я должен использовать?
Чтобы увидеть вывод из console.log()
JSFiddle, перейдите в раздел Внешние ресурсы на левой панели и добавьте следующую ссылку для Firebug:
У меня есть шаблон для этой цели ; вот код, который я использую:
<pre id="output"></pre>
function out()
{
var args = Array.prototype.slice.call(arguments, 0);
document.getElementById('output').innerHTML += args.join(" ") + "\n";
}
out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());
innerText
вместо innerHTML
и отправляет журнал на оригинальную консоль: function newLog(oldLog) { return function() { var args = Array.prototype.slice.call(arguments, 0); document.getElementById('console-log').innerText += args.join(" ") + "\n"; oldLog.apply(this, args) } } console.log = newLog(console.log) console.error = newLog(console.error)
пример
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
если хотите иметь несколько строк и добавлять информацию на страницу, вместо того, чтобы просто заменить старую информацию.
Может не делать то, что вы делаете, но вы можете напечатать
console.log(string)
И он напечатает строку в консоли вашего браузера . В хромированной толчке CTRL+ SHIFT+ , Jчтобы открыть консоль.
CTRL
+ SHIFT
+, K
если хотите, чтобы консоль была закреплена внизу страницы, вместо того, чтобы перемещаться в отдельном окне.
Вы можете сделать это --->
http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
Теперь jsfiddle может сделать это с нуля. Просто зайдите в Javascrpt -> Фреймворки и расширения -> Jquery (край) и установите флажок Firebug lite
document.body.innerHTML = "Ваши данные";
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
С трюками ES6 можно было бы
function say(...args)
{
document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");
Добавить только
<span id="out"></span>
в HTML
Вот одна альтернатива: http://jsfiddle.net/skibulk/erh7m9og/1/
document.write = function (str) {
document.body.insertAdjacentHTML("beforeend", str);
}
document.write("¡hola mundo");
Просто чтобы добавить что-то, что может быть полезно для некоторых людей ....
Если вы добавите консоль отладчика, как показано выше, вы можете получить доступ к области, выполнив это:
scope = angular.element (document.querySelector ('[ng-controller = MyCtrl]')). scope ();
Я считаю, что проверять область видимости проще, чем console.log, alert () и т. Д.
Если вы используете JSfiddle, вы можете использовать эту библиотеку: https://github.com/IonicaBizau/console.js
Добавьте файл lib к своим ресурсам jsfiddle:
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js
Тогда вы можете просто добавить это в HTML:
<pre class="console"></pre>
Инициализируйте консоль в вашем JS:
ConsoleJS.init({selector: "pre.console"});
Пример использования: посмотрите на jsfiddle
ConsoleJS.init({selector: "pre.console"});
let b;
console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);
Используйте alert()
функцию:
alert(variable name);
alert("Hello World");
console.log()
принимать аргументы иначе, чем ваша пользовательская функция).