Apple's native web browser optimized for macOS and iOS

How to Record Safari

Record Safari without iCloud tab leaks. Guide for Web Inspector tutorials, cross-browser testing, responsive design demos, and iOS remote debugging.

When you’d need to record Safari

Cross-browser testing documentation

Record how a website renders in Safari specifically — layout differences, WebKit-specific CSS issues, missing features. QA teams need Safari-specific recordings because most testing happens in Chrome.

Web Inspector tutorials for Safari developers

Safari's Web Inspector has different UI and capabilities than Chrome DevTools. Record Safari-specific debugging: Layers panel, Timeline, Storage — features that work differently than Chrome.

iOS Safari debugging via Mac

Record remote debugging of iOS Safari through Mac's Web Inspector. Connect iPhone → Safari → Develop menu → phone name. This workflow is impossible to explain without video.

Privacy and tracking prevention demos

Record Safari's Intelligent Tracking Prevention in action — show the Privacy Report, blocked trackers, and how websites behave differently in Safari vs Chrome.

Recommended settings

Resolution

2560x1440

Frame rate

30fps

Audio

Microphone only

Capture mode

Window Capture

Things to know

•Safari's Tab Bar in macOS Ventura+ shows colored tabs that match website themes — makes individual tabs harder to distinguish on video
•Safari's Web Inspector opens as a bottom panel by default, splitting the already narrow window
•iCloud tabs sync across devices — your iPhone's open tabs are visible in Safari's tab overview on Mac
•Safari's compact tab bar mode merges the address bar and tab bar, making the URL less visible in recordings

Step-by-step

1
In Screenify Studio, select Window Capture and pick the Safari window.
Safari's window chrome is minimal — good for recording, but the thin title bar means cursor highlight helps viewers see where you're clicking.
2
Open Safari. Switch from compact to separate tab bar if needed: Safari > Settings > Tabs > select 'Separate' tab layout. This makes the URL bar always visible, which is important for tutorials showing specific URLs.
3
Close tabs you don't want visible. Safari's tab bar shows page titles and favicons. Check for personal tabs — banking, social media, medical portals. Use a new Safari window (Cmd+N) with only the tabs you need.
4
Check for synced iCloud tabs: open the tab overview (Cmd+Shift+\) and look for 'iPhone' or 'iPad' sections. These show what's open on your other devices. Close the overview before recording.
5
Start recording. When entering URLs, type slowly — Safari's auto-suggestions show your browsing history and bookmarks. If sensitive, clear history first (History > Clear History) or use a Private window (Cmd+Shift+N).

For Web Inspector and responsive design testing

6
To use Web Inspector, enable it first: Safari > Settings > Advanced > check 'Show features for web developers'. Then open Web Inspector with Cmd+Option+I.
7
Detach Web Inspector to a separate window: click the dock icon in Web Inspector's top bar > select 'Detach into separate window'. This gives both the website and Inspector full-width views instead of a cramped split.
8
For responsive design testing, toggle Responsive Design Mode: Develop > Enter Responsive Design Mode (Cmd+Option+R). Select device presets from the dropdown to show how the site renders on iPhone, iPad, etc.

Pro tips

Use a Private Window for clean recordings. Cmd+Shift+N opens a private Safari window with no history, no cookies, no auto-fill suggestions. Your browsing history won't leak into URL bar suggestions, and websites load in a logged-out state.

Auto-zoom on Web Inspector. Safari's Web Inspector renders at slightly smaller font sizes than Chrome DevTools. CSS values, DOM attributes, and Console output are all tighter. Auto-zoom makes them readable when you click.

Separate tab layout, not compact. Safari's compact tab layout merges the URL bar into the active tab. This means the current URL is less visible in recordings — viewers can't see what page you're on. Switch to Separate layout in Safari > Settings > Tabs.

Keyboard overlay for Web Inspector shortcuts. Cmd+Option+I (Inspector), Cmd+Option+C (Element picker), Cmd+Option+R (Responsive Design Mode), Cmd+K (Clear Console). Safari developers use these constantly — overlay shows viewers how to do the same.

Common mistakes

Forgetting about iCloud tab sync. Open Safari's tab overview and your iPhone's tabs appear: 'Reddit - Am I The A**hole,' 'WebMD - suspicious mole,' 'Zillow - houses in cheaper city.' Close the tab overview before recording, or sign out of iCloud in Safari.

Using compact tab layout. The URL bar is hidden inside the active tab. Viewers can't see what URL you're on, and the address bar suggestions that appear when you click show your browsing history. Use Separate tab layout.

Not enabling Web Inspector before starting. By default, Safari hides developer tools. If you try to open Web Inspector during recording and it doesn't exist in the menu, you'll waste time going to Settings > Advanced > enable it. Set up before recording.

Auto-fill exposing personal data. Click on any form field in Safari and it may suggest your name, email, phone number, home address, and credit card details. Use a Private window or go to Safari > Settings > AutoFill > uncheck everything before recording.