safari-web-inspector

I'm attempting to debug an issue in my react app, that's only occurring on iOS, in production. I want to utilise a hidden sourcemap so I can debug the app's minified assets in Safari without overtly publishing the commented source. hidden-source-map - Same as source-map, but doesn’t add a reference comment to the bundle. https://webpack.github.io/docs/configuration.html#devtool In Chrome I can: serve the sourcemap wherever I like (eg main.js.map right next to the minified file) open the minified asset in the Sources tab right click and 'Add Sourcemap…', supplying the URL to main.js.map Cmd-p

I've Safari 8.0.6 with iOS 8.3 on my iPad, while debugging through Web Inspector on my Mac (10.10.3) , the connection keeps on disconnecting (I don't see the device name under Develop menu upon disconnection) but can resume if I quit safari followed by a relaunch then I'm able to refresh and inspect remotely again. There are a few things to try: 1. Test on the Xcode Simulator: Open the iPhone simulator in Xcode and debug there with Safari Web Inspector. Sidenote : Maybe you need to download the Safari Technology Preview 2. Reset your location and privacy settings on your device. Settings >

I'm using display: flexbox for a div container cointaining a number of squares (to make them align nicely horizontally), and it works fine in Chrome, but not in Safari 8.0, where it's striked out like this: #grid { overflow-x: hidden; overflow-y: scroll; position: absolute; top: 55px; left: 415px; bottom: 10px; right: 10px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .square { width: 166px; height: 185px; position: relative; cursor: pointer; background-size: 166px 125px !important; background-repeat: no-repeat !important; background: #FFF; margin

I need to test my site on an iOS device from a Mac. Is there a desktop simulator available to do this? You can use the iOS simulator to do this. You need to enable "Developer Mode" on Safari (Preferences -> Advanced). Then open the website you want to debug in the iOS simulator. Go back to safari and under Develop you will see the simulator and the tabs open on safari. If you want to test an actual device, then just plug it into your computer and it should show there too. That's how I do it. You can check and use their free trial browserstack , saucelabs or browser shots I know this is a very