Launch Safari on your mac open preferences and within the advanced tab click the checkbox for “Show Develop menu in menu bar”.

Then start by making sure both devices are configured to allow this. To start debugging you’ll need your iOS device, a mac and a lightning cable. For just this reason Mobile Safari can use the same developer tools that are built into Safari on macOS.

In Sizzy you can toggle between touch cursor and regular cursor in any device (if the device supports touch ofc) This way you work with the regular pointer, and you can enable the touch cursor only when you need to test certain taps, gestures etc.When you are developing and/or testing a web app on iOS, having the ability to inspect and understand what is happening in the browser is incredibly useful.

The devices are always updated to the latest devices.

Sizzy has way more devices out of the box.

Sizzy also animates and resizes the browser UI on page scroll, just like the real browser animates it on a mobile device.

For Safari, you can also switch between different versions of Safari (iOS 14, iOS 15, Legacy, etc.).

You can choose between Chrome, Safari, etc.

Software keyboard when you’re focused on an input.

Edge glare for curved devices (i.e some Samsung Galaxy phones).

Device frame (it has real frames for most of the devices).

You can also toggle the Browser UI & OS UI if you don’t want to see them, but you’ll still get correct screen height for every device.

This way you will actually know how much vertical space you will have left for your website.

Sizzy simulates this by displaying the Browser UI & the OS UI (which they take a significant portion of the viewport).

For example, in Google Chrome the screen height of an iPhone 12 is 844 px when in reality you have around 580px available for your website.

This might be the most important pro when it comes to simulations.

However, it’s the closest you’re going to get to a mobile device.

Sizzy, just like other browsers, doesn’t simulate different browser engines.

Devices have a hardcoded “touch” or “no touch” option, you cannot easily toggle between the two.

Most of the devices don’t have a frame, or the frame looks bad.

Other browsers don’t take in consideration the Browser UI and the OS UI, so the screen height is always wrong.

The simulation is super basic and hasn’t been updated in years.

Getting to the simulation takes a few steps.Simulating devices is not a primary concern of these browsers.Using an actual device simulator (like XCode, BlueStacks, etc.) is tedious, slow, so most developers just use the browser’s built-in mobile view.

Developer wants to see how their website will look like and work on a different device (usually a phone or a tablet).

Safari emulator iphone