Stack Overflow
Stack Overflow

Questions tagged [safari-web-inspector]

The Web Inspector allows you to view the page source, live DOM hierarchy, script debugging, profiling and more!

167 questions
87
votes
18 answers

Safari Web inspector keeps disconnecting

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…
user2727195
  • 7,122
  • 17
  • 70
  • 118
68
votes
7 answers

Safari web inspector is only showing Sources, Console and Audit

After upgrading to Xcode 11.3.1, I am having problems using Safari web inspector with the iOS 12.1 simulator. Every time that I run an app inside of an iOS 12.1 simulator device, it will show up in the Safari debug menu and allow me to connect to…
jaburnett
  • 709
  • 1
  • 5
  • 7
51
votes
16 answers

iPhone not appearing in Develop menu in Safari

On my "Develop" menu, in Safari, the iPhone no longer appears after updating Safari to the latest version, making it impossible to inspect and debug sites and apps. I restarted the iPhone, killed and relaunched Safari, restarted my Mac too, but the…
Francesco Frapporti
  • 5,195
  • 4
  • 32
  • 39
48
votes
0 answers

CORS OPTIONS preflight requests not showing in dev tools

How to get Safari to display CORS pre-flight OPTIONS requests in the dev tools network tab? IIRC they used to show up, and I know the requests are being made as we can see them logging on the server. We had the same problem suddenly occur with…
stringy05
  • 6,511
  • 32
  • 38
48
votes
8 answers

Safari Web inspector is blank

I try to use the Web Inspector to debug a remote iOS app. The 1st time I use the Develop menu, the window does not open. The 2nd time, the window opens but is empty. Any idea please? (macOS 10.12.6)
Patrick
  • 3,578
  • 5
  • 31
  • 53
35
votes
2 answers

How do we emulate touch events in Safari Responsive Design Mode?

Chromium has this feature Device Mode, and interaction is how it would be on a touch device. I've tried Safari's Responsive Design Mode, but I don't see a way to emulate touch (without pointer events). It just behaves like I'm using a mouse, but I'd…
trusktr
  • 44,284
  • 53
  • 191
  • 263
31
votes
3 answers

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

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…
Ramesh
  • 619
  • 3
  • 8
  • 16
31
votes
4 answers

Missing "Web Inspector" Settings in simulator

After doing a "Reset All Content And Settings.." on the simulator the setting to enable using the web inspector in safari has disappeared, and I have no idea how to get it back: Does anyone have an idea how to get this back, and "remote" debug a…
Stijn van der Laan
  • 466
  • 1
  • 4
  • 10
30
votes
6 answers

Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

I connected iPhone to mac and I enabled Web Inspector in iPhone advanced settings, able to see the page in mac safari but not able to inspect any element and its style in safari. I am not seeing the elements panel or style panel. Could anyone help…
Mohamed Hussain
  • 7,433
  • 14
  • 55
  • 85
28
votes
2 answers

Cookies don't show up in developer console of Safari/Chrome with Set-Cookie Header, but exist when looking at server logs

I am storing cookies for my web app using the 'Set-Cookie' header response from my python backend. Here is my ajax call on the client-end to the function: In developer tools in Chrome and Safari, when I look for the cookies, the cookies don't…
Jonathan Wong
  • 460
  • 5
  • 11
26
votes
4 answers

Safari Developer Tools: Preserve Network Log on Navigation

When using Safari Web Inspector to view the Network Log, the log is reset upon navigation, i.e. navigating to a different page clears the log. In the Chrome Developer Tools, I can easily persist the network log by checking the "Preserve log"…
BenHohner
  • 356
  • 1
  • 4
  • 14
21
votes
2 answers

Debugging iOS7 Safari CSS issues with web inspector

I followed the steps to set up debugging webpage on iOS. It worked. However I see an issue with the inspector - it doesn't let me check the DOM and corresponding CSS. Anyone else has this issue? (Exact same issue when debugging using the…
Anna
  • 327
  • 1
  • 3
  • 9
20
votes
6 answers

Simulate visualization of mobile device on a desktop one

I need to test my site on an iOS device from a Mac. How could one simulate the visualization on a desktop device?
user1937021
  • 10,151
  • 22
  • 81
  • 143
19
votes
2 answers

How can you export a har file on Safari?

I have instructions to give to customers for how to send in har files for debugging SSO issues for all common browsers but Safari. Remote debug is not an option. My current instructions basically say "you can't do this on Safari"; I've seen others…
Barbara Jensen
  • 509
  • 1
  • 3
  • 12
18
votes
2 answers

I want to add react devtools to Safari browser

I want to add react devtools to Safari browser I didn't find a way to install it I want to see the react sign on the websites made by react Thank you
Bishoy Abdelmesseh
  • 183
  • 1
  • 1
  • 6
1
2 3
…
11 12