Load remote source maps in chrome dev-tools

Question

Is it possible to load a remote source maps file in chrome dev-tools?

My js file includes //# sourceMappingURL=file.js.map . but this file is actually located in a different location (for security reasons..).

Can I tell chrome dev-tools the source maps file location manually?

Answer 1

So the answer for this is rather simple.

1. Go to the sources tab in chrome dev tools and find your script
2. Click on the file to open it
3. Do not use pretty print! the context menu on the file content changes if you pretty print it.
4. Right click on the file content and select "Add source maps..."
5. Enter the source maps file location (full URL with protocol)