Test Your Site on Real iOS Devices with BrowserStack

Test your Site in Real iOS Devices with Browserstack

BrowserStack is a tool that we constantly rely on at OSTraining. It’s an online service that makes it easy to do cross-browser compatibility testing. Whenever we update our site design or test a new feature, we can easily troubleshoot issues in major browsers and on mobile devices.

As developers and designers, we often make the mistake of testing our responsive design on a desktop computer. Resizing the browser can emulate the screen size of mobile device, however it doesn’t provide a truly accurate result.

In this tutorial, I’ll show you how to open your site in a real iOS device with BrowserStack, so you can test your site’s compatibility.

Step #1. Login

  • Go to BrowserStack website and sign in.

browserstack ios

After login, click “Skip installation” or “Install” depending if you want to add an extension to your browser to access all the BrowserStack features.

browserstack ios

Step #2. Test your website with an iOS device

  • Click in iOS menu on the left side of the screen.
  • Choose a device such as “iPhone 6S Plus” in the Physical devices area.

browserstack ios

In the next screen, optionally change the screen size to preview the device and click “Set size”.

browserstack ios

At this point, you should be able to preview a real iOS device through your browser.

  • Click on the address bar.
  • Type the URL of your website, and press the enter key.

browserstack ios

Start navigating the website and do the required tests to be sure everything works as expected. Whether you use WordPress, Joomla, Drupal or another platform, Browserstack is a really useful addition to any developer’s toolbox.

browserstack ios

Instructor

  • Valentin discovered Joomla in 2010, and since then he has considered it as the best CMS. Valentin has been coding extensions and templates for Joomla for many years and truly enjoys helping people build their own websites with Open Source tools. He lives in San Julián, Jalisco, México.

0 0 votes
Blog Rating
Subscribe
Notify of
3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Bosve Svensson

Why not just use Chrome and Inspect mode?

htmgarcia

Hi @bosvesvensson
Do you mean Chrome in a desktop computer? If that’s the case, it doesn’t provide an accurate result if you need to confirm your site works fine in mobile.
Hopes this clarification helps
Regards

Bosve Svensson

Yes, Chrome on desktop computer. I have been using it for a while and I think it is “good enough” but I will try BrowserStack to have something to compare to.

3
0
Would love your thoughts, please comment.x
()
x