2009-04-29 26 views
17

क्या आपके पास अपने जावास्क्रिप्ट के विकास के दौरान आपकी टूलबॉक्स में पसंदीदा साइट या होमग्राउन पेज है?ऑनलाइन जावास्क्रिप्ट कोड मूल्यांकन उपकरण

कुछ मदद करने के लिए:

  • सत्यापित करें
  • रन
  • डिबग, निरीक्षण
  • इकाई परीक्षण

कहीं में मेरी जे एस पेस्ट करने के लिए के लिए देख रहे हैं, एक रन बटन पर क्लिक , और यह बयान का मूल्यांकन किया है। यह आदि संख्या, तार, कस्टम वस्तुओं के हेरफेर के लिए आसान के टुकड़े के लिए हो सकता है,

उत्तर (के बाद से सवाल से पहले कोई जवाब वास्तव में आवश्यकताओं को पूरा बंद हो गया:

  • turb0js - आप कदम की सुविधा देता है ब्राउज़र के कंसोल को खोलने के बिना कोड के माध्यम से और सही जावास्क्रिप्ट फ़ाइल के लिए शिकार के बिना। कोड स्निपेट में एचटीएमएल विवरण जोड़ने और अन्य उपयोगकर्ताओं की टिप्पणियों को जोड़ने की अनुमति देता है। डीओएम और कंसोल विधियां काम नहीं करती हैं।
  • // noprotect के साथ jsbin कोड की शुरुआत में, डीबगिंग सक्षम करने के लिए ब्राउज़र कंसोल में

गैर-उत्तर: कोडपेन (एक नई स्क्रिप्ट बनाने के संपादन पर अपने ऑटोरन के कारण डीबग नहीं कर सकता); जेएसफ़िल्ड (ब्राउज़र कंसोल के लिए कोई सीधा समर्थन नहीं)

+0

http://codepen.io समग्र सबसे अच्छा एक मैं अब तक मिल गया है, यहाँ में उल्लेख किया उन सहित है। मुझे ऐसा कोई भी काम नहीं मिला जो आपने काम किया है कि आप ब्रेक पॉइंट सेट कर सकते हैं या डिबगिंग सुविधाओं का उपयोग कर सकते हैं, जैसा कि आप क्रोम टूल्स में कर सकते हैं। – toddmo

+0

[पायथन नहीं] [http://www.pythontutor.com/javascript.html#mode=edit) में एक अच्छा जावास्क्रिप्ट विज़ुअलाइज़र है। अब तक मेरा समाधान एक समर्पित रिक्त पृष्ठ और जेएस फ़ाइल स्थापित कर रहा है और क्रोम में संपादित/पुनः लोड/डीबग कर रहा है (जिसमें एक सहायक [लाइव संपादन] है (https://developer.chrome.com/devtools/docs/javascript-debugging #liveedit) सुविधा) –

उत्तर

18

JsBin करने के लिए एक दृश्य प्रदान करें यह सहयोगी जावास्क्रिप्ट डीबगिंग के लिए एक महान ऑनलाइन उपकरण है ...

आप आसानी से सबसे लोकप्रिय JavaScript लाइब्रेरी शामिल कर सकते हैं, और तुम भी अजाक्स अनुरोध डिबगिंग के लिए उपयोग कर सकते हैं ...

introductory videos देखें ...

+1

+1, पूरी तरह से जेएस बिन के बारे में भूल गया, लेकिन यह अच्छी चीजें है। –

+0

इसे साझा करने के लिए धन्यवाद - एक अद्भुत उपयोगी उपकरण की तरह दिखता है। –

+0

[जेएसबीन आपको आसानी से जावास्क्रिप्ट कोड डीबग करने की अनुमति नहीं देता है।] (Http://jsbin.com/blog/protection#comment-1590869196) आपको ब्राउज़र कंसोल खोलना है, स्क्रिप्ट टैब में सही जावास्क्रिप्ट फ़ाइल के लिए शिकार करना है, फिर जल्दी से डीबग करें कि लूप सुरक्षा निष्पादन को मार नहीं देती है क्योंकि ऐसा लगता है कि आपकी स्क्रिप्ट बहुत धीमी गति से चल रही है। (या कोड के शीर्ष पर '// कोई सुरक्षा' जोड़ें)। –

5

JSLint जेएस को प्रमाणित करने में बहुत मदद करता है।

रनिंग/डिबगिंग के मामले में, मैं फ़ायरफ़ॉक्स पर Firebug का उपयोग करता हूं, और ओएसए/सफारी/आईई 8 जेएस डिबगर्स में बनाया गया है। (इनमें से कोई भी ऑनलाइन नहीं है, लेकिन सभी बहुत शक्तिशाली हैं।) मुझे लगता है कि Firebug Lite एक सभ्य ऑनलाइन जेएस डीबगर के लिए तैयार होगा (इसमें प्लगइन या विशिष्ट ब्राउज़र सुविधा के बजाय यह एक बुकमार्कलेट है)।

+0

+1: जेएसलिंट का उपयोग हाल ही में किया गया था और मुझे यह पसंद है – Adnan

4

यह एक फ़ायरफ़ॉक्स एक्सटेंशन है, न कि ऑनलाइन सेवा, लेकिन आपको Firebug में देखना चाहिए यदि आपको डिबगिंग के लिए मनमानी जावास्क्रिप्ट निष्पादित करने की आवश्यकता है। या Firebug Lite यदि आपको अन्य ब्राउज़रों के लिए समर्थन की आवश्यकता है।

यदि आप वेबकिट आधारित ब्राउज़र, (सफारी या क्रोम) का उपयोग कर रहे हैं, तो आप Web Inspector का उपयोग कर सकते हैं। मुझे लगता है कि आईई 8 और ओपेरा में समकक्ष विशेषताएं भी हैं।

यदि आपको कमांड लाइन से जावास्क्रिप्ट चलाने की आवश्यकता है, तो आप सीधे SpiderMonkey का उपयोग कर सकते हैं; इसमें एक जावास्क्रिप्ट आरईपीएल है जिसे आप चला सकते हैं।

2

आप चला सकते हैं/डिबग जावास्क्रिप्ट ऑनलाइन के साथ Overbyte

+0

मुझे जेएसबीन में ठीक काम करने वाले कोड के लिए लाइन नंबर के बिना "अप्रत्याशित पहचानकर्ता" मिल रहा है। –

10

jsfiddle.net आपको क्या चाहिए

+0

jsfiddle.net सीधे जावास्क्रिप्ट कथन के सीधे चलने की अनुमति नहीं देता है? यह पूर्ण एचटीएमएल/जेएस/सीएसएस एकीकरण परिणाम है जो प्रदर्शित होते हैं। इस प्रकार कोई जावास्क्रिप्ट कंसोल नहीं है – bschandramohan

संबंधित मुद्दे