พิมพ์ Var ใน JsFiddle

ฉันจะพิมพ์บางสิ่งไปยังหน้าจอผลลัพธ์ใน JsFiddle ได้จาก JavaScript ของฉัน ฉันไม่สามารถใช้มันไม่ได้ช่วยให้มันไม่document.write()print

ฉันควรใช้อะไร

เพื่อให้สามารถดูผลลัพธ์จากconsole.log()ใน JSFiddle ไปที่ทรัพยากรภายนอกบนแผงด้านซ้ายและเพิ่มลิงค์ต่อไปนี้สำหรับ Firebug:

https://getfirebug.com/firebug-lite-debug.js

ฉันมีแม่แบบเพื่อการนี้ ; นี่คือรหัสที่ฉันใช้:

HTML

<pre id="output"></pre>

JavaScript

function out()
{
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}

ตัวอย่างการใช้งาน (JavaScript)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());

ลอง:

document.getElementById('element').innerHTML = ...;

Fiddle: http://jsfiddle.net/HKhw8/

อาจไม่ทำสิ่งที่คุณทำ แต่คุณสามารถพิมพ์

console.log(string)

และมันจะพิมพ์สตริงลงในคอนโซลของคุณเบราว์เซอร์ ใน chrome กดCTRL+ SHIFT+ Jเพื่อเปิดคอนโซล

คุณสามารถทำได้---> http://jsfiddle.net/chY5y/

$('body').append(yourVariable); 

ตอนนี้ jsfiddle สามารถทำได้ตั้งแต่เริ่มต้น เพียงไปที่ Javascrpt -> กรอบงานและส่วนขยาย -> Jquery (edge) และทำเครื่องหมายที่ช่องทำเครื่องหมาย Firebug lite

document.body.innerHTML = "ข้อมูลของคุณ";

ด้วยเทคนิค 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

เพิ่ม rawgit ของ 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");