विभिन्न ब्राउज़रों में डीबगिंग के लिए K.O'Nsole.log फ़ंक्शन

अच्छी सांत्वना।लोग , लेकिन आगे की तारीफ कहीं नहीं। और यह हर जगह समर्थित नहीं है, और एक बहु-पत्र से ग्रस्त है। और कार्य एक सरल कार्य करना है, कंसोल के रूप में लचीला है। डिबगिंग में, लाइन में टेक्स्ट की व्याख्यात्मक हेडर अक्सर आवश्यक होते हैं, इसलिए यह एलर्ट नाम के साथ लाइन (स्ट्रिंग ऑब्जेक्ट) में जोड़ा गया एक विधि के लिए सुविधाजनक होना निकला, कंसोल लिस्ट के समान कार्य करना और तर्क सूची के सामने संदर्भ स्ट्रिंग प्रदर्शित करना। (एपोस्ट्रोफ़्स में एक पंक्ति, क्योंकि यह तब कोड द्वारा कॉपी और खोज करना सुविधाजनक है जहां ऐसा शीर्षक लिखा जाता है।)

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

सिस्टम कंसोल को पुनर्परिभाषित करने की तुलना में थोड़ा अधिक जटिल है। स्वयं (आंतरिक अलर्ट इनर फ़ंक्शन), और इसके निम्नलिखित फायदे हैं:
1) केवल 2 नए शब्द हैं, और जो परिचित हैं;
2) शब्द K.O'Ns ... (आदि) से छोटे हैं;
3) उपयोग किए गए अन्य नामों को प्रतिस्थापित नहीं करता है,
4) अन्य जटिल लिपियों की तुलना में बहुत सरल है,
5) कोड को पढ़ना और अनुकूलित करना आसान है।

इस सिस्टम पर सामान्य अलर्ट () आउटपुट के सबसे खराब विकल्प के रूप में शामिल है। लेकिन यह एक समय में कई मान भी उत्पन्न कर सकता है, एक अल्पविराम द्वारा (उदाहरण के लिए, IE8 में बिना डिबगबार सक्षम)।

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

Alert.go =''; //-  ;   DEBUG = true; ,    ; Alert.go ='.'; //-   -,  ''.Alert() (  Alert     -  ,  1); Alert.go ='.*'; //    ,    ,  2; delete Alert.go; //-  ; Alert.go ='fthghhfgh'; // -; Alert.go ='^(aab|xaa==|test45:|xxx|__)$'; //-    ( -). 

(सुविधा के लिए, 2 अपवाद और 1 अनुकूलन कोड में एम्बेडेड हैं। उत्तरार्द्ध को फेंक दिया जा सकता है या इसके विपरीत, विकसित किया जा सकता है, लेकिन अपवाद उपयोगी और समझने योग्य हैं। आपके पास कार्यों की पूरी श्रृंखला होनी चाहिए: सब कुछ अक्षम करें, कार्य सक्षम करें, विधियों को अनुमति दें, दोनों को अनुमति दें, विधियों की अनुमति दें। फ़िल्टर और बिना - कमांड सिस्टम को बढ़ाए बिना।)

हम लॉन्च करते हैं:

 Alert(aaa, bbb,'====', ); //  console.log() 'xaa=='.Alert(xaa, xx.element, xaa(1)); //,   -       '-test-'.Alert('   , ', Alert); 

इस प्रकार, विभिन्न डिबग पेजों पर विभिन्न मुद्दों को चलाना सुविधाजनक और स्पष्ट है। उपकरण बेहद सरल रहता है (एक ही नाम के तहत केवल 3 फ़ंक्शन हैं, जिनमें से प्रत्येक परिचित है और मांग में है), हालांकि राक्षस-आकार को बढ़ाने के लिए भंडार हैं - यदि आप हैंडलर फ़ंक्शन का नाम या संदर्भ में आउटपुट तालिका का वर्णन करने वाले हैश लगाते हैं, तो आप बहुत दूर जा सकते हैं। या, उदाहरण के लिए, मैंने कोड अलर्ट के संदेशों के लिए कोड में एक विशेष आउटपुट जोड़ा ({से: '- परीक्षण-', xx: अन्य पैरामीटर ...}); । आमतौर पर इस प्रारूप की आवश्यकता नहीं है क्योंकि भुला दिया जाता है; लेकिन इसका प्लस यह है कि पहला तर्क, हैश, को पार्स देखा जाता है, कभी-कभी इसे सरल अलर्ट और HTML में प्रदर्शित करने की आवश्यकता होती है।

एक ही संदेश प्रणाली को एक अलग नाम के तहत अन्य घटनाओं के लिए एक आवेदन के रूप में एक कार्यशील परियोजना में लागू किया जा सकता है, और कंसोल में नहीं, बल्कि एक अच्छी तरह से डिज़ाइन किए गए ब्लॉक में प्रदर्शित किया जाता है, यदि वे उपयोगकर्ता के लिए हैं, या सर्वर पर स्थानांतरित हो जाते हैं।

कंसोल के लिए, पहले ओपेरा में ऐसा करना आवश्यक था, अब यह आवश्यक नहीं है (एक ड्रैगनफ़ली-कंसोल, Ctrl-Shift-I, फिर "> _" आइकन है):

 ...else if (window.opera && opera.postError) {opera.postError(arguments);} 

... हाल ही में, यहाँ FF5 (या फ़ायरबग?) ने तस्वीर को बर्बाद कर दिया, कंसोल.लॉग को समझने से इंकार कर दिया। इसके अलावा, मुझे एक बदसूरत विकल्प जोड़ना पड़ा। बग के चारों ओर कैसे जाएं, साथ नहीं आया, और जरूरी नहीं। शायद ही कभी, तर्कों की संख्या 7 से अधिक हो और आप उन्हें हमेशा एक सरणी में एकत्रित कर सकते हैं।

समारोह कोड:

 /** * / "--", spmbt0, 30.07.2011 * @context (String) :  ,    * @property go: .     undefined,    * @param o: ,   1     */ Alert = function(o){ if(Alert.go===undefined) return; //===  === var alertInner = function(x, xx,a,b,c,d,e){ //x:  ( FF5 -  7,  Firebug   ) var aL = arguments.length; if(!window.console){ for(var i =0, args =[]; i < aL; i++) args[i] = arguments[i]; alert(args); }else if(console.log.apply) console.log.apply(console, arguments); else{ // - 5- FF    console.log.apply if(aL ==1) console.log(x); else if(aL ==2) console.log(x, xx); else if(aL ==3) console.log(x, xx, a); else if(aL ==4) console.log(x, xx, a, b); else console.log(x, xx, a, b, c, d, e); } }, hasContext = this !== window , context = this; if(hasContext && context instanceof String){ if(!RegExp(Alert.go,'g').test(context)) //===  === return; for(var i =1, args =[]; i <= arguments.length; i++) args[i] = arguments[i -1]; args[0] = "'"+ context +"':"; alertInner.apply(window, args); //===console.log      === }else{ //  .   {from:'', ...} if(Alert.go =='.' || Alert.go =='.*') return; //===  === if(o && o.from && o.from !=''){ //        "from",    var args =[], j =1; for(var i in o) if(i !='from'){ args[j++] = '{'+ i +'}'; args[j++] = o[i]; } if(arguments.length >1) // args[j++] ='}; '; for(var i = 1, aL = arguments.length; i < aL; i++) //   args[j++] = arguments[i]; args[0] = "'"+ o.from +"':"; alertInner.apply(window, args); //===console.log    "from"   === }else alertInner.apply(window, arguments); //=== console.log=== } } String.prototype.Alert = Alert; Alert.go =''; //  //Alert.go ='test-'; //       (   Alert() ) 

कंसोल में परिणामी सामग्री को देखने के लिए, यह करें:
फ़ायरफ़ॉक्स : अगर फायरबग है - Ctrl-Shift-L (कमांड लाइन); इसके बिना - कोई नहीं जानता :);
क्रोम : Ctrl-Shift-J (जावास्क्रिप्ट कंसोल);
सफ़ारी : Ctrl-Alt-C (एरर कंसोल);
IE : ताकि यह अलर्ट प्रदर्शित न करे, डीबगबर खोलें या कुछ इसी तरह;
ओपेरा : संदेश त्रुटि कंसोल (Ctrl-Shift-O) में दिखाई देते हैं, लेकिन वहां - कचरे के साथ; अधिक सुविधाजनक - ड्रैगनफ़ली (Ctrl-Shift-I, फिर "> _" आइकन) में।

यहां उदाहरण के साथ स्क्रिप्ट का काम देखें: spmbt.kodingen.com/function/testAlert.htm ।



प्रश्न (जनमत): गैर-राक्षसी डीबगिंग समाधान का उपयोग कौन करता है?

*) मैं उस साहित्य से जुड़ जाऊंगा जिसमें फायरबग की एक विशेषता है जो विवरणों में खोजना बहुत मुश्किल है यदि आप नहीं जानते कि इसे क्या कहा जाता है। इसे " डीबगर " कहा जाता है। यदि इस तरह के नाम को जावास्क्रिप्ट में रखा गया है, तो फायरबग एक नियमित ब्रेकपॉइंट की तरह बंद हो जाएगा, प्रोग्राम "स्क्रिप्ट" टैब से आगे "कंटिन्यू (F8)" पर क्लिक करके शुरू होगा।
अजीब ने लिखा है: - यह सुविधा ECMA-262-5 में है और Fx और IE दोनों में समर्थित है।

0. फायरबग कमांड लाइन एपीआई ।
0.1 फायरबग 1.8 जारी (फ़ायरफ़ॉक्स 5.0 में समर्थित)। संस्करण की नई सुविधाओं पर विस्तृत जानकारी (हैबे पर) ।

Habré पर सांत्वना के बारे में:
1. "विभिन्न ब्राउज़रों और वातावरणों में जावास्क्रिप्ट का डिबगिंग" , 24 जनवरी, 2009, लोमस्टर
2. हम कंसोल का उपयोग पूर्ण , 26 फरवरी, 2011, रयान सेडॉन के लिए करते हैं
3. रिमोट जावास्क्रिप्ट डिबगिंग , 3 मार्च 2011, youtu.be ...
4. आधुनिक जावास्क्रिप्ट डिबगिंग , 7 फरवरी, 2009, क्रिस मिल्स, हॉलवॉर ...
5. डीबगिंग टूल्स का उपयोग , 27 अगस्त, 2008, पामेला फॉक्स, गूगल एम ...