2012-04-21 41 views
37

मैं बिंग मैप्स साइट पर देख रहा हूं। मैं को अपने स्थान संपादक खोल रहा हूं और ड्राइंग टूलबार में पॉलीलाइन टूल पर क्लिक कर रहा हूं।जब मैं किसी तत्व पर क्लिक करता हूं तो मैं जावास्क्रिप्ट को कैसे चलाता हूं?

मैं खोजना चाहता हूं कि जब मैं ड्रॉइंग टूलबार में टूल पर क्लिक करता हूं तो जावास्क्रिप्ट क्या चलता है।

मैंने एचटीएमएल देखा है और तत्व पर घोषित onclick घटना नहीं है।

मैंने पॉलीलाइन टूल तत्व की आईडी के लिए पृष्ठ द्वारा संदर्भित सभी स्क्रिप्ट पर टेक्स्ट खोज की है। यह जावास्क्रिप्ट को खोजने का प्रयास करना था जो तत्व पर एक क्लिक ईवेंट संलग्न करता था, लेकिन मुझे कोई मिलान नहीं मिला।

जब मैं किसी टूल पर क्लिक करता हूं तो कुछ स्क्रिप्ट चलाना आवश्यक है। जब मैं टूलबार में टूल divs पर क्लिक करता हूं तो मैं कैसे पता लगा सकता हूं कि कौन सी स्क्रिप्ट निष्पादित हो रही है?

मुझे नहीं लगता कि वैसे भी मैं ब्रेकपॉइंट्स सेट कर सकता हूं अगर मुझे पहले पता नहीं है कि उन्हें किस स्क्रिप्ट को सेट करना है। क्या वैसे भी मैं जावास्क्रिप्ट को जाल कर सकता हूं जो यह पता लगाने के लिए चलता है कि यह आईई एफ 12 डेवलपर टूल्स या फायरबग में क्या है?

+2

फ़ायरबग में, आप "ठहराव" बटन पर क्लिक कर सकते हैं। फिर, आप कहां क्लिक करना चाहते हैं क्लिक करें। जैसे ही जेएस कुछ कर रहा है, "रोकें" बटन आपके डिबगिंग स्टॉप को जल्द ही कर देगा। –

+0

संबंधित: http://stackoverflow.com/questions/446892 –

+2

कम से कम क्रोम डेवलपर टूल में "ईवेंट श्रोताओं" अनुभाग है। शायद आईई भी उन्हें है, या आप इसे क्रोम में देख सकते हैं। यह पैनल के नीचे है जो सीएसएस गुण दिखाता है। –

उत्तर

47

आप क्रोम में "ईवेंट श्रोताओं" पैनल पर एक नज़र डाल सकते हैं, इसमें तत्व से जुड़े प्रत्येक श्रोता के बारे में विस्तृत जानकारी है।

enter image description here

+0

धन्यवाद जीजीजी, मैंने यह किया है और श्रोता को देख सकता हूं, लेकिन लाइन नंबर गलत है मुझे लगता है (यह लाइन 1 कहता है जो गलत प्रतीत होता है)। जावास्क्रिप्ट फ़ाइल को छोटा कर दिया गया है और यह सब एक पंक्ति पर है इसलिए मुझे लगता है कि यही कारण है। क्या कोई तरीका है कि मैं श्रोता समारोह का नाम खोज सकता हूं? या सही रेखा संख्या पाएं? –

+1

यकीन है कि। इंस्पेक्टर के "संसाधन" टैब में स्क्रिप्ट पाएं (आपको ईवेंट श्रोताओं पैनल से वहां पहुंचने में सक्षम होना चाहिए) और विंडो के नीचे देखें। जहां स्क्रीनिंगशॉट में आवर्धक ग्लास है, वहां आपको एक ऐसा बटन दिखाई देगा जो इस तरह दिखता है: '{}'। उस पर क्लिक करें, यह एक सुंदर प्रिंट बटन है। अब इवेंट श्रोताओं पैनल पर वापस देखें, यह सुंदर-मुद्रित कोड से नई लाइन संख्याओं का उपयोग करेगा। –

+0

क्या आपका मतलब "स्क्रिप्ट" टैब है? मुझे "स्क्रिप्ट" टैब के नीचे एक '{}' सुंदर प्रिंट बटन दिखाई देता है लेकिन "संसाधन" टैब नहीं। असल में मैंने पहले ही "स्क्रिप्ट" टैब में इस बटन के साथ स्क्रिप्ट को स्वरूपित करने का प्रयास किया था लेकिन "इवेंट श्रोताओं" पैनल में लाइन नंबर अपडेट नहीं हुआ था। इसे अद्यतन करने के लिए कोई विचार? धन्यवाद –

1

अपना डीबगर खोलें और प्रोफाइलर शुरू करें। आप जो भी चाहते हैं उस पर क्लिक करें। देखें कि प्रोफाइलर क्या है और देखें कि क्या कहा जाता था।

+1

दिलचस्प है, लेकिन जब मैं [इस पृष्ठ] के शीर्ष दाएं कोने में अधिकतम बटन पर क्लिक करते समय 'टॉगल()' फ़ंक्शन की तलाश कर रहा हूं तो यह 50+ प्रोफाइलर प्रविष्टियों का झटका पैदा करता है (http: // विकी। dandascalescu.com/reviews/online_services/customer_and_project_management_systems)। –

3

एक विशेष तत्व है कि जोड़ दिया गया है गतिशीलclassnames और आईडी के सभी स्रोतों में खोजने का प्रयास के लिए एक संभावित ईवेंट हैंडलर पता लगाने के लिए। एक बार जब आप एक ईवेंट हैंडलर पा लेते हैं तो आप ब्रेकपॉइंट सेट कर सकते हैं और सत्यापित कर सकते हैं।

Google क्रोम की वैश्विक खोज है जो बहुत अच्छी काम करती है।

10

क्रोम डेवलपर टूल में टाइमलाइन टैब पर क्लिक करें, "लोडिंग" और "रेंडरिंग" अनचेक करें, फिर रिकॉर्ड बटन (भरे हुए सर्कल) पर क्लिक करें। बटन पर क्लिक करके अपने ईवेंट को ट्रिगर करें और फिर सर्कल पर क्लिक करके रिकॉर्डिंग रोकें। अपनी घटना को समयरेखा में ढूंढें और इसके बगल में तीर पर क्लिक करके इसका विस्तार करें। बाईं तरफ यह आपको बताएगा कि किस घटना को बुलाया जाता है।

3

मैंने इस उद्देश्य के लिए क्रोम के डीबग टूल में प्रोफाइलर का उपयोग किया है।

डीबग उपकरण खोलने के लिए क्रोम, F12 में साइट खोलें। टूल के शीर्ष पर स्थित टैब में, प्रोफ़ाइल पर क्लिक करें।

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

फ़ायरबग शायद कुछ समान है।

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

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