Inspect Mobile View in Safari on macOS 13

Yes, you can use full developer inspection tools on mobile view within Safari on macOS 13 Ventura. Safari includes a dedicated Responsive Design Mode that simulates various iOS devices and viewports directly on your desktop, and it fully supports the Web Inspector simultaneously so you can debug HTML, CSS, JavaScript, network requests, and console logs while in mobile layout.

Step 1: Enable the Develop Menu

Before using these tools, ensure the Develop menu is enabled in Safari:

  1. Open Safari on macOS 13.
  2. Click Safari in the top menu bar and select Settings (or press Command + ,).
  3. Navigate to the Advanced tab.
  4. Check the box at the bottom labeled Show features for web developers (or Show Develop menu in menu bar).

Step 2: Enter Responsive Design Mode

Once the Develop menu is visible in your menu bar:

  1. Navigate to the web page you want to test.
  2. Select Develop > Enter Responsive Design Mode from the top menu, or press the shortcut Option + Command + R.
  3. A toolbar will appear at the top of the browser view displaying various device presets, such as different models of iPhone and iPad.
  4. Select your target mobile device, viewport size, orientation, and device pixel ratio.

Step 3: Open the Web Inspector

With Responsive Design Mode active:

  1. Right-click (or Control-click) anywhere on the page and select Inspect Element, or press Option + Command + I.
  2. The Web Inspector will dock to the side or bottom of your screen (or open in a separate window).
  3. You can now inspect elements, modify CSS properties, monitor network activity, and execute scripts in the console against the mobile layout.

Alternative: Inspecting a Physical iOS Device

If you need to test actual hardware rendering rather than desktop emulation, you can connect an iPhone or iPad to your Mac with a cable:

  1. On your iOS device, go to Settings > Safari > Advanced and toggle on Web Inspector.
  2. Connect the device to your Mac via USB and trust the computer.
  3. In desktop Safari, open the Develop menu, hover over your connected device's name, and click on the open tab you wish to inspect. This opens a desktop Web Inspector targeting the live Safari session on your physical mobile device.