I am trying to debug a problem in my responsive application, which only happens on iOS, during production. I want to use a hidden source map so that I can debug assets overridden by applications in Safari without posting a posted comment.
hidden-source-map - Same as source-map, but does not add a link to the package.
https://webpack.imtqy.com/docs/configuration.html#devtool
In Chrome, I can:
- Serve the source map wherever I like (for example,
main.js.map next to the mini file) - open the mined asset on the Sources tab
- right-click and "Add Sourcemap ..." by specifying the URL on main.js.map
- Cmd-p to select the source file (e.g. MyComponent.js)
- add breakpoints in sourcemap
- profit (pause the application at the right point)
I searched, clicked, right-clicked, studied Safari devtools carefully, read that Safari docs I could find, to no avail ... the most suitable link I could find:
In Safari 7, source maps are not something you need to enable or disable, they are always on the same resources that are always available in the web developers tool. How to switch source mapping in Safari 7?
Is this possible in Safari? Are there any other approaches that could achieve a similar result in Safari?
Is there any tricky way to use a proxy server to serve my local, indispensable source for my testing iphone? (for example, assets-swapper-chrome-extension . I have a sense that this is possible, but I don’t know how to do it!)
I'm on OSX 10.12, Safari 10.0.2.
Please note that this question is about using source maps in Safari, which are not covered in the question: iPhone: add an entry to / etc / hosts without jailbreaking
source share