JavaScript에서 JsFiddle의 결과 화면에 어떻게 인쇄합니까? 사용할 수 없으며 document.write()
허용하지 않습니다 print
.
무엇을 사용해야합니까?
console.log()
사용자 정의 함수와 다른 인수를 허용 한다는 것입니다).
JavaScript에서 JsFiddle의 결과 화면에 어떻게 인쇄합니까? 사용할 수 없으며 document.write()
허용하지 않습니다 print
.
무엇을 사용해야합니까?
console.log()
사용자 정의 함수와 다른 인수를 허용 한다는 것입니다).
답변:
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)
JSFiddle 예제
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
여러 줄을 갖고 페이지 에 정보를 추가 하려는 경우 사용할 수 있습니다 .
당신은 이것을 할 수 있습니다 --->
http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
이제 jsfiddle은 처음부터 그것을 할 수 있습니다. Javascrpt-> Frameworks & extensions-> Jquery (edge)로 이동하여 Firebug lite 확인란을 선택하십시오.
document.body.innerHTML = "귀하의 데이터";
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
대안이 하나 있습니다 : 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
jsfiddle 자원에 lib의 rawgit을 추가하십시오.
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);