Emulate iPhone & iPad in Safari

To emulate an iPhone or iPad in Safari, you first need to have the developer tools enabled.

Then when visiting a page that you want to test, select “Develop” in the application toolbar then “Enter Responsive Design Mode”.

This will open a special window where you can emulate your website on an array of Apple devices and user agents.

Viewing SeanMcP.com on an iPad mini in Safari's responsive design mode

Keyboard shortcut

To enter Responsive Design Mode without going through the toolbar, you can use the shortcut control command r.

Happy emulating!

About

Sean McPherson

My name is Sean McPherson (SeanMcP), and I am a software engineer and educator in Pittsburgh, PA. I have given conference talks, lead workshops, and organized meetups. Here I write articles about programming for developers of all levels.