Any suggestions on how to, in a cross-browser way, generate a stack trace in javascript?
Newer browsers, Chrome and Firefox, expose a console object that allows stack traces to be generated. This method does not provide a method for storing the stack trace to a variable.
https://github.com/eriwen/javascript-stacktrace Works quite nicely, but it makes separate ajax requests to load script files included as part of the trace. This seems to be a common method in trace libraries. I'm guessing that browsers do not expose enough information to generate a meaningful stack-trace(line numbers, function names, file names, arguments, etc).
Create an Error object and check it for a stack member. Adapted from Code Overtones:
var e = new Error('dummy');
var stack = e.stack.replace(/^[^\(]+?[\n$]/gm, '') // remove lines without '('
.replace(/^\s+at\s+/gm, '') // remove prefix text ' at '
.split('\n');
console.log(stack);
Error.stack is documented in Mozilla's reference documentation.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With