Debugging Media in Web Inspector
Media elements, such as <video> and <audio>, can sometimes be tricky to debug due to the sheer flexibility of the available functionality.
Canvas Debugging
Ever since its introduction in 2004, the Canvas element and its associated APIs have been an incredible tool for generating specific visual effects on a webpage.
Visualizing Layers in Web Inspector
Recent releases of Safari Technology Preview contain a new experimental feature for Web Inspector: the Layers tab.
Web Inspector Styles Sidebar Improvements
In Web Inspector that recently shipped with Safari 11.1 on macOS High Sierra, the Elements tab sidebar panels and the styles editor got a lot of attention from the Web Inspector team.
JavaScript Debugging Improvements
Debugging JavaScript is a fundamental part of developing web applications.
WebDriver Support in Safari 10
Starting with Safari 10 on OS X El Capitan and macOS Sierra, Safari comes bundled with a WebDriver implementation that’s maintained by the Web Developer Experience team at Apple.
Introducing JSC’s New Sampling Profiler
JavaScriptCore has a new sampling profiler that powers Web Inspector’s JavaScript & Events timeline.
Memory Debugging with Web Inspector
Web Inspector now includes two new timelines for debugging a webpage’s memory usage.
Editing CSS with the Visual Styles Sidebar
For new and experienced web developers alike, CSS isn’t always the easiest to deal with.
10 Years of Web Inspector
Ten years ago today we introduced the first version of Web Inspector to the world — to commemorate the date, we put together a timeline of major events and blog posts for posterity.
Breakpoint Options
Get more from the Debugger tab in Web Inspector: customizing breakpoints with conditions and actions for logging and executing scripts, and creating probe expressions.