I have been using Google Chrome\'s dev tool kit (element inspection, stack trace, javascript debugging, etc.) for some time with great success.
However, about two weeks
I've added it as a comment to marcel's answer, but since it made such a big difference for me I think it is worth to put it as a separate answer:
I had an inline JS source map in a file with a total size of about 2-3MB (uncompressed, during development). Chrome was unbearably slow on page loads (with Developer Tools open). After about 20 seconds, when the file and inline source map were parsed, things would be more or less normal. Additionally, it got worse with the update to Chrome 43 (on Ubuntu).
As soon as I put the source map in a separate file, everything went back to normal. The slowdown on page load is gone. Sources are available instantly.
Since I build with browserify
, exorcist was what I used. More specifically: with watchify
in the -o
parameter as described in this issue.