Apple Safari

The Apple Safari browser support sourcemaps out of the box and they recognize .clio files without a problem. To debug a Clio web app using Apple Safari head over to the web app, open the Safari Web Inspector, then select the Sources tab.

On the left side of the Sources tab you can see a list of the source files used in your web app, you can click on any of the .clio files there to reveal its content. You can set breakpoints in the Clio files and debug them, just as you would normally do with the JavaScript files.

The value of the local variables are displayed on the right pane of the Sources tab. On the right pane, you can find more useful information that can help you debug your app. For more information you can visit the official Apple Safari docs.

../_images/safari.debug.png

Debugging Clio using Safari Web Inspector