Html 如何改进ui Sentry.io面包屑？

我想知道是否有一个很好的方法来编写HTML代码，以便在问题中获得更好的Sentry.io面包屑

无法识别用户交互过的元素，我认为使用CSS类或ID并不理想——尽管我们可以自定义面包屑，但根据Sentry Github存储库中发现的一些问题，将文本放入标记中似乎不是一个好的做法

我在考虑

aria标签

，有人对此有什么建议吗

现在很难理解用户在阅读面包屑时的步骤

---

这可以通过使用beforeBreadcrumb挂钩/过滤事件来解决

简单地加上

beforeBreadcrumb(breadcrumb, hint) {
 if (breadcrumb.category === 'ui.click') {
   const { target } = hint.event;
   if (target.ariaLabel) {
     breadcrumb.message = target.ariaLabel;
   }
 }
 return breadcrumb;
}

。。。到您的Sentry.init（）配置

Sentry.init({
 dsn:...

结果是这样的：

Sentry.init({
  dsn: '....',
  beforeBreadcrumb(breadcrumb, hint) {
    if (breadcrumb.category === 'ui.click') {
      const { target } = hint.event;
      if (target.ariaLabel) {
        breadcrumb.message = target.ariaLabel;
      }
    }
    return breadcrumb;
  }
});

更多信息请点击此处：