Sentry-javascript: ब्रेडक्रंब में तत्वों में टेक्स्ट जोड़ें ui.click

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

लेकिन, मैं पता लगाऊंगा।

एक आसान विकल्प बस करना हो सकता है

target = elem.outerHTML;

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

इससे https://github.com/getsentry/raven-js/issues/576 भी हल हो जाएगा

@sourushhakami - हमने पहले outerHTML शुरुआत की लेकिन इस उपयोगिता पद्धति के लिए इसे हटा दिया ।

कारण हम outerHTML (जैसा कि @mitsuhiko ने टिप्पणी की थी):

• CSS चयनकर्ता प्रारूप कम वर्णों के साथ अधिक जानकारी दिखा सकता है
• outerHTML में शोर वाला अस्थायी डेटा शामिल हो सकता है, जैसे
  
  
  
  • लंबे data-reactid तार (प्रतिक्रिया में 0.14 और पूर्व में)
  
  
  • टूलटिप्स के लिए डायनामिक रूप से जेनरेट की गई title विशेषताएँ
  
  
• addEventListener लक्ष्य कैसे कॉन्फ़िगर किया गया है, इस पर निर्भर करते हुए, हमें बहुत सारे खाली तत्व मिलेंगे
• हमारे पास बटन w/समान वर्ग/सामग्री थे, जिन्हें केवल पूर्वजों की जानकारी के माध्यम से संदर्भित किया जाता है

मूल रूप से, outerHTML अच्छा लगता है जब आप काल्पनिक उदाहरणों का एक गुच्छा दिखाते हैं जहां यह अच्छा दिखता है, लेकिन इसे कुछ हफ्तों तक लाइव चलाने का हमारा अनुभव यह था कि यह अपर्याप्त था।

आह, मैं देखता हूं, समझ में आता है, स्पष्टीकरण के लिए धन्यवाद! मैं

मैंने अपने सभी बटनों में आईडी टैग जोड़े हैं। हैरानी की बात है कि वे ब्रेडक्रंब में दिखाई नहीं देते हैं। यहां तक ​​कि अगर यह एक कस्टम टैग था, तो मुझे इससे खुशी होगी। लेकिन आईडी टैग अपनी विशिष्टता के कारण आदर्श लगता है।

@nblasgen - यदि आप एक असफल परीक्षण केस प्रदान कर सकते हैं, तो मुझे यह देखकर खुशी होगी कि क्या हो रहा है।

लेकिन अभी कोड को आईडी पर कब्जा करना है , और एक परीक्षण है जो इसे सत्यापित करता है ।

आईडी दिखाने के लिए +1, या कस्टम टैग जैसे data-sentry-id="Some text here"

मैं इसे अभी के लिए बंद कर दूंगा, क्योंकि हम इस लापता टुकड़े के बारे में जानते हैं और हम फिर से देखेंगे कि यह चीज़ अगले प्रमुख संस्करण में कैसे काम कर रही है।

संदर्भ: https://github.com/getsentry/raven-js/issues/783
संदर्भ: https://github.com/getsentry/raven-js/issues/576

बस जोड़ना चाहता था - मैं प्रतिक्रिया और स्टाइल-घटकों का उपयोग कर रहा हूं, इसलिए मेरी कक्षा के नाम स्वचालित रूप से जेनरेट हो जाते हैं, कुछ और संदर्भ होना बहुत अच्छा होगा (मैन्युअल रूप से captureBreadcrumb ):

@kamilogorek इस पर कोई अपडेट?

क्या "संदेश" पर फाइन-ट्यून करने की कोई संभावना है?

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

@TuxujPes यह अगले प्रमुख रिलीज में संभव होगा, हालांकि इसमें नहीं, क्योंकि इसके लिए कुछ सार्वजनिक एपीआई परिवर्तनों की आवश्यकता होती है जिन्हें हम केवल प्रमुख रिलीज में ही पेश कर सकते हैं।

@kamilogorek जो बहुत अच्छा लगता है। प्रमुख रिलीज की तारीख पर कोई अनुमान?

Q3 के अंत के पास कहीं (मुझे माफ करना इतना लंबा प्रतिक्रिया समय, छुट्टियों पर था)।

आईडी दिखाने के लिए +1, या कस्टम टैग जैसे data-sentry-id="Some text here"

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

@hiagodotme @TuxujPes @adamreisnz यह सुविधा नए एसडीके में पहले से ही उपलब्ध है - https://docs.sentry.io/learn/filtering/?platform=javascript#before -breadcrumb

FYI करें: बस यह न भूलें कि नए SDK का उपयोग करने से आपको बंडल आकार #1552 . के लिए +50Kb मिलता है

@ 1999 यह रेवेन-जेएस की तुलना में 12.7kB जोड़ता है, तुलना के लिए गैर-गज़िप्ड आकारों का उपयोग न करें, क्योंकि यह प्रासंगिक नहीं है।
साथ ही v5 (https://github.com/getsentry/sentry-javascript/pull/1919) <15kB होने जा रहा है, इसलिए आपको अपने पेलोड में वृद्धि के बारे में चिंता करने की आवश्यकता नहीं होगी।

@kamilogorek मैं 200 से अधिक परिवर्तन फ़ाइलों के साथ