2008-09-27 10 views
7

मुझे हाल ही में एक बड़े जावास्क्रिप्ट एप्लिकेशन को दस्तावेज करने का काम सौंपा गया था जिसे मैं कुछ समय तक बनाए रख रहा हूं। तो मुझे सिस्टम का अच्छा ज्ञान है।जावास्क्रिप्ट ऑब्जेक्ट ब्राउज़र?

लेकिन आवेदन के निचले आकार के कारण, शायद कोड के आस-पास के पूर्व ज्ञान और स्रोत कोड को असंपीड़ित रूप में भी बहुत समय लगेगा।

तो मैं ऐसे टूल ढूंढ रहा हूं जो मुझे कक्षाओं और विधियों और जावास्क्रिप्ट में उनके रिश्तों का पता लगाने में मदद करेंगी और यदि संभव हो, तो उन्हें रास्ते में दस्तावेज करें, क्या कोई उपलब्ध है?

वीएस में ऑब्जेक्ट ब्राउज़र की तरह कुछ अच्छा होगा, लेकिन कोई भी उपकरण जो मुझे चीजों को तेज़ी से करने में मदद करेगा।

धन्यवाद!

+0

मैंने बहुत समय पहले एक कनेक्शन पोस्ट किया था, और इन एमएस पीपीएल ने इसे "निश्चित" के रूप में बंद कर दिया था! एक नज़र डालें: https://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=357013 – Shimmy

उत्तर

7

Firebug के DOM tab आप वैश्विक window ऑब्जेक्ट की सामग्री ब्राउज़ करने देता है, और आप कमांड लाइन में inspect(whatever) दर्ज करके एक विशेष वस्तु का निरीक्षण कर सकते हैं।

आप रिश्तों का पता लगाने के लिए इसका उपयोग नहीं कर पाएंगे जब तक कि किसी ऑब्जेक्ट का एक उदाहरण किसी संबंधित ऑब्जेक्ट का उदाहरण न हो, लेकिन यह एक शुरुआत है।

आप उपयोगकर्ता द्वारा परिभाषित कार्यों और गुणों को दिखाए जाने वाले प्रतिबंधों को प्रतिबंधित करने के लिए डोम टैब पर विकल्प मेनू का भी उपयोग कर सकते हैं, जो अव्यवस्था को कम करने में मदद करनी चाहिए।

1

फायरबग + असमान (ओबीजे) एक साधारण चाल है जो अक्सर सहायक होती है।

+0

असमान दिलचस्प है ... लेकिन मेरे पास पहले से ही स्रोत कोड है जो आप देखते हैं ... केवल वहां नहीं है टिप्पणी की एक पंक्ति :-( – chakrit

2

Aptana पर एक नज़र डालें, उनके पास एक रूपरेखा है जो यह निर्धारित करने में आपकी सहायता कर सकती है कि वस्तुएं क्या हैं और कभी-कभी उनके रिश्ते क्या हैं।

0

इस जेएस यदि आवेदन एक वेब ब्राउज़र में चलाने के लिए डिज़ाइन किया गया है हम नहीं जानते ...
यदि हाँ, के रूप में की सलाह दी, Firebug (एक Firefox विस्तार) जे एस डिबगिंग और डोम की खोज में उत्कृष्ट है।
आईई पक्ष पर, आपके पास IEDocMon, Web Accessibility Toolbar (यह इसके नाम से अधिक है) या Fiddler (आपके प्रश्न से संबंधित नहीं है, लेकिन अभी भी एक अच्छा टूल है) जैसे कुछ टूल हैं।

0

Firebug (Firefox)/Dragonfly (ओपेरा) वास्तविक समय में वस्तुओं को देखने के साथ मदद कर सकता है

Aptana/जे एस/यूएमएल (ग्रहण) वस्तुओं के रिश्तों के साथ मदद कर सकते हैं

1

मुझे लगता है कि बहुत से लोग फायरबग के भीतर डीओएम की जांच करने के बारे में बात करते हैं। हालांकि, आपके प्रश्न से ऐसा लगता है कि आप jsdoc की तरह कुछ चाहते हैं? टिप्पणियों के माध्यम से बस प्रकार और वर्ग की जानकारी जोड़ें और जेएसडोक कक्षा संबंधों सहित दस्तावेज उत्पन्न करता है। यह डेवलपर है कि मूल रूप jsdoc लिखा एक पर्ल स्क्रिप्ट के रूप में से एक पुनर्लेखन है यह एक कांटा नहीं है,: http://jsdoc.sourceforge.net/

गूगल अतिरिक्त कार्यक्षमता http://code.google.com/p/jsdoc-toolkit/

अद्यतन के साथ इसके बारे में एक कांटा है। इसका उद्देश्य अधिक अनुकूलनीय होना है ताकि आप जो भी जेएस विरासत/घटनाओं/गुणों की शैली का उपयोग कर सकें। एक और विशेषता यह है कि यह आपको HTML को बहुत सरल तरीके से उत्पन्न करने के लिए उपयोग किए गए टेम्पलेट को संशोधित करने देता है।

0

यह एक पुराना सवाल है, लेकिन मुझे इसका उत्तर देने दो।

  1. एक आईडीई का प्रयोग करें। कोड के बीच तेजी से कूदने के लिए एकीकृत विकास वातावरण बनाए गए थे। अन्वेषण के दौरान आप जिन प्रमुख विशेषताओं का प्रयोग करेंगे, वे फाइल संरचना या रूपरेखा देख रहे हैं, घोषणा या उपयोग पर कूद रहे हैं, और स्ट्रिंग के सभी उदाहरणों के लिए पूरी परियोजना खोज रहे हैं। यदि आप वेबस्टॉर्म का उपयोग कर रहे हैं, तो खोज में सहायता के लिए जेनरेट की गई फ़ाइलों और node.js को छोड़कर फ़ाइलों के लिए कस्टम स्कोप सेट करें।

  2. रन 'एनपीएम ला | कम 'जो आपके सभी निर्भर मॉड्यूल को एक पंक्ति विवरण के साथ सूचीबद्ध करता है। आपने कभी क्षण नहीं देखा होगा। जेएस और दस्तावेज को पढ़ने की जरूरत नहीं है, लेकिन इसके एक पंक्ति सारांश को पढ़ने के लिए समय लेना सार्थक है। यदि आपको एक पंक्ति सारांश की तुलना में किसी टूल पर अधिक जानकारी चाहिए, तो स्लाइडशेयर पर शब्द की खोज करें। स्लाइड ReadDDocs से तेज हैं।

  3. जितना छोटा हो उतना दस्तावेज़। मैं लोगों को स्क्रैच पेपर की बजाय लगातार नोटबुक का उपयोग करने के लिए मजबूर करने का प्रशंसक हूं। साथ ही, मुझे प्रत्येक जावास्क्रिप्ट फ़ाइल में एक पंक्ति टिप्पणी जोड़ने योग्य लगता है। आप जानना चाहते हैं कि आपकी परियोजना की प्रत्येक निर्देशिका में क्या होना चाहिए। मैं आपके सिस्टम में डोमेन शर्तों के सटीक अर्थ की शब्दावली बनाने की भी सिफारिश करता हूं, उदाहरण के लिए, आपके सिस्टम में "नौकरी" क्या है।

  4. अंत में, आपको केवल डीबगर में एप्लिकेशन को आग लगाना होगा और इसके कुछ हिस्सों से आगे बढ़ना होगा। अधिकांश बड़ी परियोजनाओं ने विभिन्न कौशल स्तरों और प्रेरणाओं के प्रोग्रामर से मूल्यवान कमाया है।

आप "वैचारिक अखंडता" का एक स्तर के लिए लक्ष्य कर रहे हैं (Yourdon उद्धृत करने के लिए) या "grok" करने के लिए सॉफ्टवेयर (Heinlien उद्धृत करने के लिए)। इसमें कुछ समय लगता है, इसे बाईपास नहीं किया जा सकता है, और कुशलता से किया जा सकता है।

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