Canvas Debugging

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.

Read more

Visualizing Layers in Web Inspector

Visualizing Layers in Web Inspector

Recent releases of Safari Technology Preview contain a new experimental feature for Web Inspector: the Layers tab.

Read more

Web Inspector Styles Sidebar Improvements

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.

Read more

JavaScript Debugging Improvements

JavaScript Debugging Improvements

Debugging JavaScript is a fundamental part of developing web applications.

Read more

WebDriver Support in Safari 10

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.

Read more

Introducing JSC’s New Sampling Profiler

Introducing JSC’s New Sampling Profiler

JavaScriptCore has a new sampling profiler that powers Web Inspector’s JavaScript & Events timeline.

Read more

Memory Debugging with Web Inspector

Memory Debugging with Web Inspector

Web Inspector now includes two new timelines for debugging a webpage’s memory usage.

Read more

Editing CSS with the Visual Styles Sidebar

Editing CSS with the Visual Styles Sidebar

For new and experienced web developers alike, CSS isn’t always the easiest to deal with.

Read more

10 Years of Web Inspector

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.

Read more

Breakpoint Options

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.

Read more

Web Inspector Keyboard Shortcuts

Web Inspector Keyboard Shortcuts

To help you become more efficient, Web Inspector includes keyboard shortcuts for many commonly used actions.

Read more

Introducing the Rendering Frames Timeline

Introducing the Rendering Frames Timeline

Web Inspector includes a new tool to help locate and resolve rendering performance issues — in addition to the familiar event-based timelines.

Read more