macOS 10.13
Change settings
The Settings page has several options to customize Web Inspector. Click the cogwheel icon at the right of all the tabs in Web Inspector to access the settings.
On the settings page, you can change the way code appears in the main viewer of Web Inspector tabs by setting any of the following: the number of spaces, the visibility of certain characters, styles editing, the zoom level, and the persistence of logs across pages for Network and Console.