Sentry-javascript: أضف نصًا إلى العناصر الموجودة في مسارات التنقل ui.click

لذلك ، هذا شيء أود القيام به ، لكني قلق بشأن تضخيم وظيفة تسلسل DOM لدينا لدرجة أنها تبدأ في إضافة حمل ملحوظ للنقر فوق المعالجات.

لكن ، سوف أستكشف.

يمكن أن يكون أحد البدائل السهلة هو القيام بذلك

target = elem.outerHTML;

التي ستخرج العنصر الذي تم النقر فوقه تمامًا كما هو. ستفقد بنية الشجرة - لكن في تجربتي الشخصية لا يساعد ذلك بقدر ما أرى العنصر الفعلي الكامل الذي اعتدت رؤيته في الكود الخاص بي طوال الوقت وبالتالي يمكنني التعرف عليه بسرعة أكبر.

هذا من شأنه أن يحل https://github.com/getsentry/raven-js/issues/576 أيضًا

soroushhakami - لقد بدأنا بـ outerHTML أولاً لكننا أبطلنا استخدامه لطريقة الأداة المساعدة هذه.

سبب عدم استخدامنا لـ outerHTML (كما علق mitsuhiko ):

• يمكن أن يعرض تنسيق محدد CSS مزيدًا من المعلومات بأقل عدد من الأحرف
• يمكن أن يتضمن outerHTML بيانات مؤقتة مزعجة ، على سبيل المثال
  
  
  
  • سلاسل طويلة data-reactid (في React 0.14 وما قبلها)
  
  
  • يتم إنشاؤها ديناميكيًا title سمات مخصصة لتلميحات الأدوات
  
  
• سنحصل على الكثير من العناصر الفارغة addEventListener
• كان لدينا أزرار مع نفس الفئة / المحتوى ، والتي يتم وضعها في سياقها فقط من خلال معلومات السلف

بشكل أساسي ، يبدو 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"

يمكنهم تحليل ما إذا كانت هناك هذه المعلومات وأخذها معك. إذا كانت موجودة ، فاترك المحددات مع زر لمزيد من المعلومات.

hiagodotmeTuxujPesadamreisnz هذه الميزة متوفرة في SDK الجديدة بالفعل - https://docs.sentry.io/learn/filtering/؟platform=javascript#before -breadcrumb

لمعلوماتك: فقط لا تنس أن استخدام SDK الجديد يجلب لك +50 كيلو بايت لحجم الحزمة # 1552

@ 1999 تضيف 12.7 كيلوبايت بالمقارنة مع raven-js ، لا تستخدم الأحجام غير المضغوطة للمقارنة ، لأنها ليست ذات صلة.
أيضًا الإصدار 5 (https://github.com/getsentry/sentry-javascript/pull/1919) سيكون <15 كيلوبايت ، لذلك لن تقلق بشأن زيادة حمولتك.

kamilogorek أنا خائف قليلاً من العلاقات العامة مع أكثر من 200 ملف تغيير ، يبدو هذا أشبه بـ SDK جديد تمامًا وليس إصدارًا جديدًا. أيضًا ، ما هو تاريخ إصدار ETA؟