JsFiddle में वार प्रिंट करें

Question

मैं अपने जावास्क्रिप्ट से JsFiddle में परिणाम स्क्रीन पर कुछ कैसे प्रिंट करूंगा। मैं उपयोग नहीं कर सकता document.write(), यह अनुमति नहीं देता है, न ही print।

मुझे क्या उपयोग करना चाहिए?

Comments

इस उदाहरण को देखें। jsfiddle.net/jadiagaurang/m58Rn

— गौरांग जडिया

@GaurangJadia यह आसान है, आपको इसे एक उत्तर के रूप में जोड़ना चाहिए (एकमात्र समस्या console.log()आपके व्यक्तिगत फ़ंक्शन की तुलना में अलग-अलग तर्क स्वीकार करती है)।

— IQAndreas 18

यह अनिवार्य रूप से कंसोल.लॉग () के लिए आवश्यक है ...

— इवान कैरोल

Jsfiddle के अंदर सांत्वना पाने के लिए

— इवान कैरोल

आजकल jsfiddle ने document.write () का उपयोग करने की अनुमति दी है

— Ruben

Answer 1

console.log()JSFiddle से आउटपुट देखने में सक्षम होने के लिए , बाईं ओर के पैनल पर बाहरी संसाधन पर जाएं और फ़ायरबॉक्सेज़ के लिए निम्न लिंक जोड़ें:

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

Comments

शानदार जवाब। मूल रूप से आउटपुट फलक को दो पैन में विभाजित करता है।

— जैक

ठीक वही जो मेरे द्वारा खोजा जा रहा था!

— प्रत्यूष

काश JSFiddle डिफ़ॉल्ट रूप से ऐसा करती, या कम से कम एक क्लिक के साथ इसे सक्षम करने के लिए एक बहुत ही स्पष्ट चेकबॉक्स होता।

— लिली फिनाले

पहली बार कोड चलाने के बाद कंसोल केवल दिखाता है! शानदार जवाब!

— पीटर पाइपर

क्या क्रोम के लिए ऐसा कुछ है? वास्तव में JSFiddle को कुछ इस तरह से समर्थन करना चाहिए, यह काफी मददगार होगा।

— हर्षाय बुरादकर

Answer 2

मेरे पास इस उद्देश्य के लिए एक टेम्पलेट है ; यहाँ मैं उपयोग कोड है:

एचटीएमएल

<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());

Comments

और वस्तुओं को प्रिंट करने के लिए ... (JSON.stringify (myObject, null, 2));

— एंड्रयू लंक

ध्यान दें कि इससे अनपेक्षित '<' या '>' वर्णों की समस्याएँ होंगी, और तर्क मान <अपरिभाषित> होने पर यह भी बाधा बन जाएगा। यह आपके उपयोग के मामले के लिए एक समस्या नहीं हो सकती है, लेकिन कंसोल.लॉग () को कॉल करते समय कुछ के बारे में पता होना चाहिए।

— स्टीव हॉलश

उन्नत संस्करण: मूल कंसोल के 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 उदाहरण

— ओलिवरपूल

किसी तरह यह jsfiddle में कोशिश करते समय मुझे कुछ नहीं दिखाता है। :(

— सुमा

@ सुमा हम्म, एक जावास्क्रिप्ट त्रुटि हो सकती है। यह मेरी मशीन पर ठीक चलता है, लेकिन आप एक अलग संस्करण का उपयोग कर सकते हैं। डिबग कंसोल खोलने का प्रयास करें और त्रुटियों की तलाश करें ( ऐसा करते समय शीर्ष बाएं कोने में रन बटन को हिट करना सुनिश्चित करें )

— IQAndreas

Answer 3

प्रयत्न:

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

फिडल: http://jsfiddle.net/HKhw8/

Comments

document.getElementById('element').innerHTML += [stuff here] + "<br/>";यदि आप पुरानी जानकारी को बदलना चाहते हैं, तो आप कई पंक्तियों का उपयोग कर सकते हैं और पृष्ठ पर जानकारी जोड़ सकते हैं।

— IQAndreas

Answer 4

आप जो करते हैं वह नहीं कर सकते हैं, लेकिन आप टाइप कर सकते हैं

console.log(string)

और यह स्ट्रिंग को आपके ब्राउज़र के कंसोल में प्रिंट करेगा । कंसोल को खोलने के लिए क्रोम पुश CTRL+ SHIFT+ में J।

Comments

या आप CTRL+ SHIFT+ का उपयोग कर सकते हैं, Kयदि आप चाहते हैं कि कंसोल एक अलग विंडो में इधर-उधर तैरने के बजाय, पृष्ठ के नीचे डॉक किया जाए।

— IQAndreas

Answer 5

आप इसे कर सकते हैं ---> http://jsfiddle.net/chY5y/

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

Comments

Hhmmm, काम नहीं करता है ... मैं एक चर के साथ सरल पाठ कैसे प्रिंट

— करूंगा

Answer 6

अब jsfield इसे स्क्रैच से कर सकते हैं। बस Javascrpt -> चौखटे और एक्सटेंशन -> Jquery (बढ़त) पर जाएं और Firebug लाइट चेकबॉक्स चेक करें

Comments

लेकिन मैं इस पर प्रकाश डालते हुए वाक्यविन्यास को ढीला करता हूं :(

— चिंतन पाठक

Answer 7

document.body.innerHTML = "आपका डेटा";

Comments

बेहतर अभी तक, एक + = करने के लिए। Ie,:document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";

— माइकल ज़्लातकोवस्की - Microsoft

Answer 8

ES6 चाल के साथ हो सकता है

function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");

केवल जोड़ें

 <span id="out"></span>

HTML में

Answer 9

यहाँ एक विकल्प है: http://jsfiddle.net/skibulk/erh7m9og/1/

document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");

Answer 10

बस कुछ जोड़ने के लिए कुछ लोगों के लिए उपयोगी हो सकता है ....

यदि आप डिबगर कंसोल को ऊपर दिखाए अनुसार जोड़ते हैं, तो आप इसे निष्पादित करके कार्यक्षेत्र तक पहुँच सकते हैं:

गुंजाइश = angular.element (document.querySelector ('[एनजी-नियंत्रक = MyCtrl' '))। गुंजाइश ();

मुझे सांत्वना की तुलना में सीधे गुंजाइश का निरीक्षण करना आसान लगता है। चेतावनी, (), आदि।

Comments

क्या आपके पास एक उदाहरण उपयोग है, मैं पालन नहीं करता हूं।

— wide_eyed_pupil

मुझे नहीं पता कि मैंने एक कोणीय उत्तर के साथ उत्तर दिया, गलत धागा जिसका मुझे अनुमान है।

— नेफा

Answer 11

यदि आप JSfiddle का उपयोग कर रहे हैं, तो आप इस लाइब्रेरी का उपयोग कर सकते हैं: https://github.com/IonicaBizau/console.js

अपने jsfiddle संसाधनों के लिए lib का एक रॉविट जोड़ें: 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);

Answer 12

alert()फ़ंक्शन का उपयोग करें :

alert(variable name);
alert("Hello World");

Comments

अलर्ट कभी भी एक अच्छा डिबगिंग टूल नहीं है - वस्तुओं को नहीं दिखाता है, कोड के व्यवहार को बाधित करता है, आदि आदि

— मुर्स