question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feature/question: Console breadcrumbs line numbers suggestion

See original GitHub issue

I’m complaining about the raven.js with no line numbers associated to all console.log() calls. #723 #48

These were closed as “wont fix”, the workaround given was to disable the breadcrumbs feature.

I want the breadcrumbs feature, but also to be able to see the line number which generated the console.log() call…

Why can’t you just concatenate or prefix a string to the console.log() payload containing this information?

The breadcrumbs payload sent also doesn’t contain line numbers so its kind of useless… Here’s a screenshot of what got sent to sentry. The console.log() message was sent, but with no line numbers.

My suggestion is to add line numbers to what I see in the console, and in what gets sent to sentry. If this is a “wont fix” can you please explain why? Not having line numbers makes debugging pretty difficult. The whole point of using a library like this is to help make debugging easier.

screen shot 2017-07-29 at 10 46 28 pm

Specifically why not just append to the .message property of that json object, a string like " - Happened on Line 111 in File xyz.js". Devtools does this out of the box & this library not only doesnt do it, but also breaks the usefulness of devtools.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
billyvgcommented, Apr 8, 2020

@joshribakoff I’m not sure if you can do this in other browsers, but you can blackbox @sentry (or raven-js for older SDKs) in chrome devtools:

image

image

2reactions
DerekJDevcommented, Jan 19, 2021

If anyone is using Microsoft Edge and runs into this, you need to go into DevTools --> Settings --> Library Code. Then add /@sentry/ as a library code pattern. In the dropdown, make sure the value is “Library code”, not “Disabled”.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Add Breadcrumb (BreadcrumbList) Markup
Discover how adding breadcrumb markup to your web pages can help users understand and explore your website more effectively.
Read more >
Parent breadcrumbs formatter
The parent breadcrumbs formatter on the Task table provides breadcrumbs that show ... Set the maximum number of suggestions Zing displays.
Read more >
Breadcrumbs Pattern - Appian 21.2
The breadcrumbs pattern is a good example of breadcrumb-style navigation. ... referenced line numbers to see a detailed breakdown of the main components....
Read more >
Breadcrumbs In Web Design: Examples And Best Practices
In terms of usability, breadcrumbs reduce the number of actions a website visitor needs to take in order to get to a higher-level...
Read more >
What are breadcrumbs? Why are they important for SEO?
Just flip the switch in the settings and you'll see the relevant lines appear in your source code — although, depending on your...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found