Safari - WebInspector Network Tab - An error occurred trying to load the resource

javascript safari devtools safari-web-inspector
Ramesh picture Ramesh · Sep 27, 2018 · Viewed 8.6k times · Source

I am seeing the error in the image below in Safari's Developer Tools (Network Tab) for the XHR/Fetch. The response body is not visible. It always throws the red text 'An error occurred trying to load the resource'. My initial thought was that the devtool wouldn't support fetch as opposed to XHR. But Safari 12 supports it.

example

OS: MacOS High Sierra Browser: Safari 12 & Technology Preview 66

Does this have something to do with the response headers? XSS or something else? PS: the same response body is visible in chrome dev tool.

Answer

Yehuda Schwartz picture Yehuda Schwartz · Nov 28, 2018

On the right of the menu bar with preview there is response with an arrow next to it click on that and switch it to JSON that should do the trick.

Related questions

onclick="location.href='link.html'" does not load page in Safari

I cannot get onclick="location.href='link.html'" to load a new page in Safari (5.0.4). I am building a drop-down navigation menu using the <select> and <option> HTML tags. I am using the onclick handler to …

Read More
Get the real width and height of an image with JavaScript? (in Safari/Chrome)

I am creating a jQuery plugin. How do I get the real image width and height with Javascript in Safari? The following works with Firefox 3, IE7 and Opera 9: var pic = $("img") // need to remove these in of case img-element has …

Read More
Video auto play is not working in Safari and Chrome desktop browser

I spent quite a lot of time trying to figure out why video embedded like here: <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <…

Read More