Auditing Web Content with Web Inspector

Written by Stefan Herold

Description: Discover a new way to ensure your web content meets team coding standards and that you can deliver better code even without reliance on automated test systems. Find out how to use the Audit tool in Web Inspector to quickly and easily audit your web content during development so important compliance details don't slip by.

  • Web Inspector includes built in audit system which can catch code changes and inconsistencies in webpage content
  • Enable Safari Develop menu from Preferences > Advanced > Show Develop menu in menu bar
  • Use ⌘ + ⌥ + I to open Web Inspector
  • Audits consist of TestGroups and Tests
  • Audit results stay visible across page reloads and cleared when Web Inspector is closed
  • Results can be im-/exported from/to JSON
  • Write custom Audits in JSON format - makes them easily sharable

This note was originally published at github.com/Blackjacx/WWDC.

Missing anything? Corrections? Contributions are welcome 😃

Related

Written by

Stefan Herold

Stefan Herold

iOS Developer a.d. 2009 • iOS / OSX Enthusiast • WWDC19 • Past: flinc, Deutsche Telekom, NOLTE&LAUTH • Passionate Mountainbiker