Using Web Inspector with Responsive Design Mode in Safari v12
Hi all,
Hopefully I'm not the only one experiencing this.
I use both the Web Inspector and Responsive Design Mode tools in Safari a lot. However, since Safari v12 came about I can no longer use these tools at the same time, as the top menu bar in Web Inspector is no longer visible and it also results in broken page rendering.
Here are some observations:
- This only seems to be a problem when the tools are operating side-by-side to each other. When stacked, the Web Inspector toolbar displays correctly. However of course the Responsive Design Mode preview is very small, so not convenient to work with.
- If I begin by opening Web Inspector and then open Responsive Design Mode, WI is automatically closed/disabled. I need to start it again. This doesn't fix the problem, but it's just an anomaly I noticed.
- Often, enabling both tools will result in the Safari app resizing up, to extend beyond the limits of the screen - this even happens when in full screen mode, meaning I have to exit full screen, resize the app, then go back into full screen.
- This wasn't a problem until the update to v12.
- I can use WI without enabling RDM, but of course this doesn't allow me to work on responsive layouts effectively.
- I can use RDM without WI, but I need them both to be able to do my job.
- Operating on macOS High Sierra v10.13.6 with Safari v12
- Images attached for more detail.
In this image you can see that the WI toolbar cannot be seen or accessed. Also, Safari has been resized to extend beyond the limits of the screen.
In this image you can see that the WI toolbar is visible, however this only works in stacked mode. When enabling RDM after WI has been enabled, WI is still disabled automatically.
Web Inspector works fine when not being used in conjunction with RDM. These tools will often be used hand-in-hand by a lot of people, and so not being able to use them both is a real issue.
RDM works fine without WI being open.
I hope that somebody has some insight on this. I'm splitting my workload between Chrome and Safari right now, which is disrupting my workflow quite a bit.
Thanks all.
Alex
null-OTHER, macOS High Sierra (10.13.6), Safari v12.0