How to disable CSS styles in Safari 17?

Question

How to disable CSS styles in Safari 17?

Previously I could used Develop > Disable Styles. I found very useful for some sites. It is no longer in that menu. How can I disable styles when using Safari 17?

Mac mini, macOS 12.7

Posted on Oct 2, 2023 3:03 PM

Reply

Answer 1

krl09

Level 1

33 points

Oct 6, 2023 9:00 AM in response to fredfromminneapolis

It's moved to the JavaScript Console, as explained on this page, along with a screen shot:

https://webkit.org/blog/14445/webkit-features-in-safari-17-0/

New tab-specific setting overlay

Some previously-global settings from the Develop menu, like disabling JavaScript or changing WebRTC behavior, have moved to Web Inspector where they are now scoped to the inspected tab, allowing you to use other tabs and windows normally.

Reply

Answer 2

Oct 6, 2023 10:55 AM in response to krl09

Thanks!

It took me a while to find where it now lives, but it was indeed there!

I would rather that it were still simple, but happy it is still available.

Reply

Answer 3

Feb 22, 2024 2:17 PM in response to fredfromminneapolis

Here's a screenshot of where I found the feature in Safari 17.3.1 to hopefully save other people a couple of minutes fruitlessly hunting around in the JavaScript console tab:

Reply

Answer 4

Astreet

Level 1

8 points

Apr 7, 2024 4:36 PM in response to fredfromminneapolis

I have a similar issue, I updated to OS Monterey with disable styles checked, and it's stuck off in Safari 17. I'm unable to toggle styles on or off at all. Any fix for this?

Reply

How to disable CSS styles in Safari 17?

Similar questions