How to Emulate the Latest Safari Browser Online

How to Emulate the Latest Safari Browser for Testing Websites in 2022

Start automating your tests 5X Faster in Simple English with Testsigma

Browser emulators are ideal for testing how responsive a site is. The term ‘browser emulator’ refers to software that imitates the functionality of various web browsers. For instance, a Safari emulator aims to emulate Safari. 

Emulators help attain the exact look and feel of an actual Safari browser when a website is launched on it. Safari is a popular browser exclusive to Apple devices. Although Apple has discontinued its usage in other operating systems, users can download older versions if they want to test its features.

You need to use a cross-browser testing tool, a virtual machine, or an emulator to emulate Safari browser online. This helps evaluate if a website is working as per expectations.

Table Of Contents

  • 1 Can You Run the Safari Browser on Windows 10 & 11?
  • 2.1 Use a Virtual Machine
  • 2.2 Use Cross-Browser Testing Tools
  • 3 How to Test Safari Browser on Windows?
  • 4.1 How to Emulate Safari on Linux?
  • 5.1 How to Emulate Safari on Chrome
  • 5.2 How to Emulate Safari in Firefox
  • 5.3 How to Emulate Safari on Internet Explorer?
  • 5.4 How to Emulate Safari on Edge?
  • 6 Emulate Safari Browser Online 
  • 8.1 Can you emulate Safari on PC?
  • 8.2 How do I emulate a device in Safari?
  • 8.3 How do I test Safari online?
  • Can You Run the Safari Browser on Windows 10 & 11?

A segment of users wishes to use Safari as a default browser on Windows 10 and 11. This is because of its user-friendly design and speed. Safari runs parallel with popular browsers like Chrome, Edge, and Firefox when it comes to its outstanding performance. However, there is a catch. 

Even if you can download Safari on Windows, you risk your system because you can face potential security issues. The overall performance of your PC might even get compromised if you download expired or old versions of the software. Apple, therefore, has discontinued offering Safari as a standalone browser for any other operating system, including Windows. 

However, you can install the browser as a substitute browser on any PC that runs the operating system of Microsoft from unofficial online platforms. Concludingly, we can say that there is currently no Safari emulator for Windows. 

No Safari emulator is dedicated to running on any version of Windows, be it Windows 10 or 11. However, many websites offer users the option of testing Safari on Windows.

How Can I Test Websites on Safari Without Mac? 

emulate safari

Safari has been deemed the second most popular browser in 2022 and is the native default browser of Apple devices. It is an ideal browser for testing any online product or site because of its fast responsiveness.

However, one of the biggest challenges most software testers and website developers face is the lack of a Mac (iMac or Macbook). You are primarily required to have a Mac for both automated and manual testing in the Safari browser because this browser is platform-specific.

To address this problem, you can use the following hacks to test your product on the Safari browser:-

Use a Virtual Machine

You don’t need to worry about not having a Mac to run your tests on the Safari browser. To do so, you can easily conduct them on a Windows local host with the help of a virtual machine by using your PC or system as the server. 

Numerous virtual machines are available for you to choose from, and they will run any browser inside Linux or Windows. 

All you need to do is configure a handful of settings at the hardware and the software level (choosing the amount of disk space and RAM to allocate to each OS). Your computer, however, needs to have enough power to sustain this configuration. 

Use Cross-Browser Testing Tools

It is imperative to run any website on multiple browsers to ensure a smooth-sailing experience for visitors. To overcome the challenge of testing websites on Safari without a Mac, you opt for cross-browser testing tools. These tools will allow you to see how the website functions and looks on multiple browsers in one go. It does not require additional costs and is ideal for testing various websites on Safari. 

What Tools Do You Use for Cross-Browser Testing? 

cross browser testing

You can easily use special tools to test cross-browser compatibility. This will allow you to check the overall outlook of a website in numerous browsers as well as mobile devices.

Advantages of Cross-Browser Testing

The advantages of using a cross-browser testing platform are listed below:-

  • It saves time: With cross-browser testing, you can check your website for any hidden bugs or glitches before launching it. This helps save money and time because it detects issues before publishing the website. 
  • Test on local and on-premise machines: With cross-browser testing, you can run test cases and websites on any OS environment on any local system behind firewalls.
  • Numerous test reporting procedures: You can choose any preferred reporting from videos, images, and the like for better understanding.
  • Real test environments: You can seamlessly check your cross-browser compatibility on actual browsers to identify every kink and bug in your website or application.
  • Secure customer privacy: These platforms take stringent measures to help maintain the privacy of every customer.
  • Broad test coverage: Most platforms for browser testing are codeless because they are AI or NLP-powered. This helps in reaching a broader test coverage.
  • Debugging is easy: The debugging features in cross-browser testing platforms are top-notch to help deliver bug-free websites seamlessly.
  • Easy CI/CD integration: Most cross-browser platforms have convenient CI/CD pipelines for managing faster and continuous delivery.
  • 24*7 test runs: Cloud-based cross-browser testing platforms help run test suites 24*7 to conduct faster and more efficient testing with the least effort.
  • Requires no additional coding: You need not have prior knowledge of CSS or HTML coding for cross-browser testing. They are user-friendly and can even be used by beginners.

Common Cross-Browser Testing Tools

If you cannot use emulators or have access to actual devices, you can opt for cloud-based emulators. One of the biggest advantages of using cloud-based emulators rather than local emulators or real devices is automating unit tests for your site across various platforms. 

To make things easy for you, we have consolidated a list of top-tier testing sites and cloud-based emulators:-

Testsigma 

Testsigma is a reliable and comprehensive test automation platform. With Testsigma, you can run automated tests for your applications and software seamlessly. It helps ensure the compatibility of your website or application across various browsers.

It is highly scalable as a cloud-based test automation platform where you can run parallel tests and even write automated tests in simple English. Besides, the platform is ideal for both visual and functional testing. We have listed some of the best advantages of using Testsigma as a cross-browser testing platform:-

  • Covers over 2000+ native browser or device combinations
  • Helps track issues with test logs
  • Enables local testing functionality
  • Runs automated tests in parallel and gets results fast 
  • Performs automated screenshot testing and Video Responsive testing 
  • Tools like Jira, Slack, and others are available for integration 
  • Offers geo-location testing 

BrowserStack

BrowserStack is an online testing platform for seamless manual and automated testing. You need to choose an appropriate operating system, a device type, a browser version, and a URL for browsing. BrowserStack offers a reliable hosted virtual machine for user interaction.

You can easily run many emulators all at the same time without having to change screens. You can even test out the look and feel of your website or app across numerous browsers and devices. Some advantages you can reap out of using Browserstack as a cross-browser testing platform are as follows:-

  • Ability to reproduce, debug and solve issues to launch bug-free websites and apps. 
  • Built for all kinds of teams, starting from Engineering, Marketing, Product, Support, and Growth for testing, collaborating, and delivering quality.
  • Highly scalable and can accommodate large teams for successfully shipping out applications and websites.

LambdaTest is another widely used online testing platform where users can perform manual cross-browser testing. You can run a combination of multiple operating systems and browsers at once. You can even record videos of complicated bugs and share them via Slack, Microsoft Teams, and more.

Besides, the platform allows you to speed up your testing by running parallel testing. Some of the best features are:-

  • You can test multiple browsers on any OS environment or browser of your choice. 
  • It has a highly scalable cloud infrastructure. 
  • It is highly secure and reliable for performing automated cross-browser testing .
  • It offers high execution speeds as well as fast, automated screenshots.
  • With its handy reporting feature and detailed integration, you can easily analyze your test runs and immediately send reports.

BrowserShots 

Browsershots is an open-source online platform that offers developers an easy and user-friendly way to run tests for checking a website’s compatibility with a browser. It also allows screenshotting your web design in numerous operating systems and browsers. BrowserShots is completely free of cost, which is convenient for checking how your website looks across multiple browsers.

  • How to Test Safari Browser on Windows?

Testing Safari Browser on Windows can be challenging because Safari is primarily designed for macOS and iOS platforms. However, there are a few approaches you can consider to test Safari on a Windows machine:

  • Remote testing services: Utilize remote testing services such as BrowserStack or Sauce Labs, which offer virtual machines with different operating systems and browsers, including Safari on macOS. These services allow you to access and test Safari on real macOS environments directly from your Windows machine through a web browser.
  • macOS virtual machines: Set up a macOS virtual machine (VM) on your Windows computer using virtualization software like VMware or VirtualBox. You can install Safari on the macOS VM and perform testing as you would on a native macOS environment.
  • Remote access to macOS device: If you have access to a physical macOS device, you can remotely connect to it from your Windows machine using remote desktop software like TeamViewer, AnyDesk, or Chrome Remote Desktop. This allows you to control and test Safari on the macOS device without needing to physically access it.
  • Cross-browser testing tools: Some cross-browser testing tools like BrowserStack or Sauce Labs offer a feature called “Interactive Testing” where you can remotely access and interact with Safari browsers running on real macOS devices from your Windows machine.

Cloud-based test automation platforms: Consider using a cloud-based test automation platform like Testsigma, which provides access to real macOS environments with Safari installed. Testsigma allows you to run automated tests on Safari Browsers without needing physical access to macOS devices.

Emulate Safari Across Other Different OS

There are separate pathways for different operating systems when it comes to emulating Safari. We have consolidated the best ways to emulate Safari on the following OS:-

How to Emulate Safari on Linux?

To emulate Safari on Linux, you can follow two methods.

  • Installing Safari using WINE.
  • Using WINE and PlayOnLinux provides a graphical user interface (UI) for WINE. 
  • Using a virtual visualization application for cross-browser testing

Emulate Safari Using Various Browsers

safari browser online

There are several browsers available that users use at their convenience. This is why you must test it on every possible platform before launching your website or application. Down below, we have listed the various ways you can emulate Safari on numerous browsers:-

How to Emulate Safari on Chrome

To emulate Safari on Chrome, you can use websites such as TestingBot or Chrome extensions such as BrowserStack. BrowserStack is a very reliable solution that allows you to initiate testing sessions with a large number of device and browser combinations. You can immediately set up a Safari testing environment by clicking on the BrowserStack extension icon in your Chrome browser.

Alternatively, you can use these steps to emulate Safari using the Developer tools:

  • Hit the Control + Shift + I keys to open the Developer tools environment
  • Go to the Network tab and click on Network conditions
  • Go to the User Agent section and unselect the ‘Use browser default’ radio button and click on the dropdown with the ‘custom’ label
  • Scroll down till you can see the devices under Safari, and then select the device (Mac, iPad etc.) you want to emulate Safari with

How to Emulate Safari in Firefox

Firefox is notably one of the most popular browsers used by millions worldwide. If you want to emulate Safari in Firefox, you have to use visualization software which you can download as a browser extension or turn to a cross-browser testing website. The latter option is completely free of cost, hassle-free, and requires no technological prowess.

How to Emulate Safari on Internet Explorer?

Internet Explorer is one of the oldest browsers known to mankind. Although quite rarely used, it is still surprisingly used to this day. If you still use Internet Explorer to this day, you can emulate Safari on Internet Explorer with a cross-browser testing platform or an additionally installed extension. 

How to Emulate Safari on Edge?

Edge is a popular browser developed by Microsoft. You can emulate other browsers by changing the user string. If you want to emulate Safari on Edge, you need to follow the steps listed below:-

  • Open Microsoft Edge and visit the link you wish to test
  • Hit the F12 key to open the Developer tools environment
  • Go to the User Agent section and unselect the ‘Select automatically’ radio button and click on the dropdown
  • Scroll down till you can see the devices under Safari and then select the device (Mac, iPad etc.) you want to emulate Safari with

Emulate Safari Browser Online 

emulate safari browser online

Although the ideal way to emulate Safari is by using an open-source testing platform, some other ways to do the same have been listed below:-

  • Using browser widgets
  • Downloading older versions of Safari, like Safari 5.1.7 or previous versions 

Every application or website is built using codes using HTML, JavaScript, or CSS elements. Since they are launched online, it is impossible to ascertain which user will use which browser. Safari has its own technology, comes with its own set of challenges, and interprets every application in its own way. 

Therefore, to ensure that your website or application runs smoothly on Safari, you need to conduct cross-browser testing to maintain consistency in its display and functionality. Running automation tests is also integral to software testing. Testsigma is a great platform for seamlessly running automation tests. 

Frequently asked questions

Can you emulate safari on pc.

The Safari Browser has now been limited only to macOS and iOS. However, you can easily emulate this browser on Windows or any other OS by using a virtual machine with your computer as the server. 

How do I emulate a device in Safari?

To emulate a device in Safari, you can use the Simulator added with Xcode and debug/inspect those reviews remotely by using the Develop menu in Safari.

How do I test Safari online?

To run a website on a Safari browser without a Mac, you can use a cross-browser testing tool or an online testing platform. 

Suggested Reading

Android Emulator Online

  • Emulate Safari Browser Online

RELATED BLOGS

Backward Compatibility Testing | What It is & How to do?

How to Test On Browser Emulator?

How to Emulate Chrome Browser Online?

bg-pattern

Start automating your tests now

  • Cross Browser Testing
  • Live Testing
  • Visual Testing
  • Smart-TV Testing
  • Automated App Testing
  • Live App Testing
  • Codeless Automation
  • Documentation

Safari Browser Testing

Test Safari online, running on macOS and iOS. No emulators or simulators, only Safari running on real Apple devices and physical mobile devices. Signup & Start Testing for Free!

Trusted by some of the world's most innovative companies

Test on different safari browsers online.

Interactively test your website with Safari's native Developer Tools.

Adjust the screen-resolution on the fly or resize your browser to do responsive testing.

Test your website with Safari from different regions in the world.

Instant access to different Safari versions, test on real Apple products.

  • macOS Sonoma: Safari 17
  • macOS Ventura: Safari 16
  • macOS Monterey: Safari 15
  • macOS BigSur: Safari 14
  • macOS Catalina: Safari 13
  • macOS Mojave: Safari 12
  • OSX High Sierra: Safari 11
  • OSX Sierra: Safari 10
  • OSX El Capitan: Safari 9
  • OSX Yosemite: Safari 8

Safari Testing On Windows Machines

Are you using Windows on your computer and want to test something on Safari? No need to setup a virtual machine, simply test your website on a remote Safari desktop browser in the cloud. It does not matter if you are using Windows 11, 10, Vista or XP on a laptop, pc or any other device. TestingBot will stream the contents of a remote macOS machine to your screen. Test any version of Safari on Windows, developer tools included.

TestingBot provides access to various Safari versions, ranging from Safari 8 up to 17 on Desktop and Mobile Safari running on iOS 8 up to 17.

Geolocation Testing on Safari

Perform geolocation testing in various regions across the world. Test Geo Targeting, Geo Blocking and Geo Localization in 10 countries, including Australia, Belgium, United Kingdom, United States, Germany, France, Spain, China and more.

Test Frameworks

Automated Safari Screenshots

Take automated screenshots of your website on various Safari versions, running on macOS desktops. Perform visual comparison testing with various Safari versions, running on various macOS versions: OSX Yosemite up to macOS Ventura

Safari Tech Preview & Safari Beta

Safari Tech Preview & Safari Beta

Manual, Automated and Visual testing on Safari Technology Preview and Safari Beta. Make sure your website works and looks correctly on Apple's upcoming Safari web browser versions. Available on macOS Monterey and macOS Ventura.

Automated Mobile Safari Testing with Appium

Use Appium to connect to our grid of physical iOS devices and run automated mobile Safari tests against your website.

Run multiple Appium tests simultaneously, shortening your total Appium execution time.

Since Appium uses the WebDriver API, you can write your tests in any language and run on TestingBot.

Test on the devices that matter, representing a large share of global device usage.

Local Cross Browser Safari Testing

Use our secure tunnel to quickly and easily test your staging website on any Safari browser version on macOS and iOS.

Once you download and start our tunnel, you can immediately test your webapps running on your computer or internal network on any browser in our cloud, straight from your browser.

Frequently Asked Questions

Why do i need to test my website on safari.

Safari has a market share of about 4% in the global browser market. This browser is built and maintained by Apple and supports all the latest browser technologies.

Safari is the default browser on all macOS operating systems, which means a large portion of macOS users will use this browser for their day-to-day browsing. Test Safari's private browsing capabilities, open multiple tabs or test the cross site tracking prevention.

What is Safaridriver?

Safaridriver is a utility, shipped by default in every macOS operating system, which allows Selenium to automate Safari through a HTTP based API.

To use Safaridriver, you need to make sure it is enabled by running this command in a terminal window: safaridriver --enable

How can I automate Mobile Safari?

We recommend using Appium, which has built-in support to communicate with iOS Safari. Simply run your Appium scripts against the TestingBot device grid.

TestingBot will instruct the iOS device to open Safari. Your Appium script will then instrument the mobile Safari browser in an automated way.

How does TestingBot help with Safari testing?

TestingBot provides a grid of real browsers, ranging from Safari 8 up to 17 on Desktop.

Next to desktop browsers, TestingBot provides access to physical iOS devices, capable of running mobile Safari tests.

Can I test Safari on iPhone and iPad?

TestingBot provides access to physical iOS devices, located in our datacenter.

You can run your automated or manual tests against iOS Mobile Safari on our iPhones and iPads.

How to test on older Safari versions?

TestingBot provides access to Safari versions from Safari 8 up to Safari 17.

Why is TestingBot the preferred choice for Safari Testing?

TestingBot provides real Safari browsers, ranging from Safari 8 up to Safari 17. You can use the developer tools that come with Safari to debug webpages, inspect elements and run performance tests.

You can test the intelligent tracking prevention, test Safari extensions, open multiple tabs and perform all other actions on a remote Safari instance.

How can I test on Mobile Safari?

TestingBot provides access to both iOS simulators and physical iOS devices. Use the developer tools to inspect webpages running on Mobile Safari, straight from TestingBot's Manual Testing service.

Sign up for a Free Trial

Start testing your apps with TestingBot.

No credit card required!

Cross-browser testing

Online cross-browser testing

Our customers.

safari responsive emulator

Testimonials

Our application needs to operate in complicated sub optimal technological environments where legacy software is popular and unrealistic expectations to meet modern standards impose unsurpassable barriers to implementation. Browserling guys hopped, skipped and jumped over all those barriers in record time without blinking and has put us on the innovations map. What was considered impossible amongst an international consortium was made possible by Browserling.

Every web agency needs You.

We rely on Browserling and Testling as part of our deployment and testing processes when publishing our JavaScript Libraries to the PubNub JavaScript user base. This is a great service for quickly testing all JavaScript environments quickly.

You have the absolute best tool out there, very fast and response.

Much better than Sauce Labs!

Browserling helps MergEye deliver the highest quality service to our customers. Our QA process heavily depends on Browserling's Live API testing. Without Browserling we'd have to maintain 20+ virtual machines to run our tests. Browserling saves us $12,000 a year in licensing and labor costs. We love Browserling!

I am extremely happy to see your technical capability to come up with immediately solution and the fast response.

safari responsive emulator

Simulate Device On Safari

safari responsive emulator

You can emulate many iOS devices and runtimes using the Simulator included with Xcode, and remotely debug/inspect those webviews using Safari's Develop menu.

You can test out responsive layouts using Safari's Responsive Design Mode tool, under the Develop menu. This is also compatible with Web Inspector.

You can emulate many iOS devices and runtimes using the Simulator included with Xcode, and remotely debug/inspect those webviews using Safari's Develop menu

Can you kindly provide a step-by-step way to do this? I have opened my simulator and have a web page running, however when I go to Safari's Develop menu, there is no such menu item as "debug/inspect webview from Simulator", it does not exist.

safari responsive emulator

@alberto567 there was shown devices, but now they are gone and you can just set px size of screen, but this is even not function as mobile for sites... :/

  • Español – América Latina
  • Português – Brasil
  • Tiếng Việt

Tools and debug

All the tools available for web development are also helpful for progressive web app development, including libraries, frameworks, code editors, builders, developer tools, debuggers, and more. But when working with PWA-specific abilities, such as installability, service workers, offline support, and more, certain tools for PWA are extra helpful. Let's see them in action.

Simulators and devices

As mentioned in the Foundations chapter , you should use agnostic design patterns to offer the best experience to every user in every context. However, it's good practice to test your experiences on different devices.

You probably won't own dozens of physical devices, including iPhones, Android phones, tablets, and desktops or laptops with different operating systems. That's why simulators and emulators exist.

Simple simulators

Most developer tools within browsers let you test your PWAs in different screen sizes or network conditions while using a single desktop browser engine. Some of these tools can also force a different user agent under these simulations.

Some available simulators are:

  • Chromium DevTools: Device Mode , network throttling and several sensor simulations available
  • Firefox Developer Tools: Responsive Design Mode

Chromium DevTools simulating mobile devices.

Apple simulators

Apple offers the Simulator app (formerly known as iOS Simulator) which allows you to test your web app on different iPhones and iPads on various operating system versions.

The Simulator app is only available for macOS computers, and it comes with [Xcode, available in AppStore ; it simulates iOS and iPadOS with different device configurations. It includes the real Mobile Safari app and the Web.app engine used when your PWA is installed on the home screen, so the final experience you see is fairly representative of an actual device.

Simulator with Safari rendering websites on iPhones and iPad.

To launch the app, once you have installed Xcode, you can open the Simulator in the Xcode menu, by selecting Open Developer Tools then Simulator . Once in the simulator, you can open Safari as if you are in a real iPhone or iPad. You can open other devices by selecting File then Open Simulator menu.

Some useful shortcuts for web developers while using Simulator to test PWAs are:

  • Command-Shift-H : go to the Home screen.
  • Control-Command-Shift-H : access the App Switcher.
  • Command-Right and Command-Left : rotate the device.

Simulator is not a virtual machine, but an app running on top of your macOS that looks like an iPhone or iPad, so it doesn't have its own TCP stack. Therefore, if you use localhost within Simulator, Safari will point to your macOS localhost device.

By default, Xcode only installs the latest version of iOS, but you can go to Xcode, use the Preferences menu, and download older Simulators from the Components tab.

It's good practice to test your PWA on the latest version of iOS, the previous minor version, and at least one previous major version.

Android emulators

The Android ecosystem offers different emulators, but the ones available within the Android SDK are the most commonly used.

As a PWA developer, you also need browsers in your Android emulator, which will add a layer of complexity to testing, because AOSP (Android Open Source Project) doesn't include Google Chrome or Play Store to download browsers. Therefore, not every Android emulator is helpful for PWA testing.

The Android SDK comes with two tools useful for emulation:

  • SDK Manager: downloads and updates different operating system versions and plugins.
  • AVD Manager: adds, edits, and deletes Android Virtual Devices (AVDs), each of them representing one device with one Android OS installed, similar to a virtual machine instance.

You can only install the Android SDK or Android Studio , a free IDE including the Android SDK with the emulators. With the SDK, you will have to use the command line to open and set up your emulators. With Android Studio, you can open the tools needed from the Welcome screen's menu. Once in the AVD Manager, you can create as many devices as you want, with different combinations of screen size, abilities, and Android OS version.

The AVD manager with an Android Virtual device browsing a website

With an Android emulator, you can check your PWA installation support, the entire user experience, and if the abilities you are using are working as expected.

Using Google Chrome

To use Google Chrome in the Android emulator, you have to create an AVD with Play Services inside. To do that, make sure the SDK you use for your AVD has the Play icon, as you can see in the following image:

Creating AVDs with an operating system including Play services.

AVDs with Play services also include Play Store, so you can update your Chrome with the latest version after setting up your account with your Google account.

Using other browsers

If you use an AVD with Play services, you can also download browsers from the Play Store.

Most of the browsers available for Android, including Samsung Internet, Microsoft Edge, Opera, Firefox, and Brave, are available as APKs (Android Packages). If you have the APK for the browser you want to test, you can just drag the file to the emulator or install it through the command-line using ADB .

Android emulator installing Microsoft Edge from Play store.

Desktop emulators

Emulating a different desktop computer is typically done via a virtual machine system, such as VirtualBox or VMWare. Even with these tools, emulating some environments is impossible, such as emulating macOS on Windows or Linux, and some other options may require a license, such as emulating Windows on macOS or Windows.

Using physical devices

Using actual devices to test your PWA is also a good idea. We don't need to own several devices as there are some cloud-based solutions where you can use physical devices remotely. There are some free solutions and some commercial solutions with a free-tier available.

Remote Test Lab from Samsung with a foldable phone.

One of the available solutions is Samsung Remote Test Lab , a free solution to test your PWA on Samsung devices, including phones, tablets, and foldable devices.

Remote inspection

When you want to debug your Progressive Web App in an actual device, a simulator, or an emulator, you may want to connect a remote inspection session with your desktop's browser tools.

There are commercial tools available, but all the browsers also offer ways to do it, including:

  • WebKit Remote Inspector to connect to Safari and installed PWAs on iOS- and iPadOS-connected devices and simulators.
  • Chromium DevTools Remote Debugging to connect to Chrome, Edge, Samsung Internet, and other Chromium-based browsers on Android and PWAs installed from those browsers, including connected physical devices and emulators.
  • Firefox Remote Debugging to connect to Firefox for Android on connected actual devices and emulators.

Port forwarding for Android

When testing PWAs available on localhost on Android physical devices or emulators, you will have a problem, as localhost will point to the Android TCP stack and not your development machine.

You may want to use your local IP address as a replacement to localhost , but that's not a good idea as service workers and many abilities will only work with HTTPS connections, with the exception of localhost , so your PWA won't work offline or pass PWA criteria.

You can solve the problem by enabling port forwarding on a Chromium browser on your desktop computer. In that case, you can bridge a port on localhost on the Android device to any origin and port from your host computer, including your development computer's localhost . Check this guide for more information.

Chromium browsers

Chromium browsers offer many tools for debugging and testing Progressive Web Apps, starting from DevTools.

Most Chromium-based browsers, including Samsung Internet, Microsoft Edge, and Google Chrome, offer different channels, such as Stable, Beta, and Canary. You can install separate versions on desktop and Android to test your PWA on future versions of the browser. This allows you to build and test features that are not yet widely available, or to test deprecations and changes, and work out how your app will behave in newer versions.

Using remote inspection, you can use all these tools to debug and test your PWA on desktop and Android devices.

Service worker tools

Chromium DevTools has a complete set of tools to debug service workers and their APIs' "Application" tab. From the "Service Workers" section, you can:

  • See service workers' installation status and lifecycle.
  • Update and unregister the service worker.
  • Follow the update cycle.
  • See current service workers' clients.
  • Send a push message to a service worker.
  • Register Background Sync and Periodic Background Sync operations.

Service Worker debugging tools con Chromium DevTools.

Read more about these tools .

Storage tools

Within Application then Storage , you can see, preview, update, and delete data from your origin, such as Web Storage entries or IndexedDB stores. Inside Application , Cache then Cache Storage , you can see all the caches stored in current origin, preview content, and delete entries. Read more about the cache tool .

Cache Inspector in Chromium DevTools

Also, selecting from Application then Storage , you can see the current quota used, simulate custom quota storage, and clear all your data, including the service worker registration, using Clear site data .

Background services

Chromium DevTools also has a set of background services event recording tools, found by clicking Application then Background Services . This lets you see what happens with some events in the background on top of the service workers' API. Read more about these tools .

Web app manifest tools

Chromium DevTools has a section for Web App Manifest and installability criteria under Application , Manifest . In this section, you can check whether the manifest has loaded correctly, the manifest's values, how the icons look, the app id , and a quick checker for maskable icons .

Warnings and errors around installability criteria issues are also shown in this section.

Debugging Web App Manifest in Chromium DevTools.

Installation debugging

On Android devices using WebAPK installation mode , you can access a list of installed apps by browsing to about:webapk on Chromium browsers.

You will see the current update status and request a WebAPK update from here.

On desktop computers, you can see a user-friendly list of installed PWAs by browsing to about:apps , and a debug version by browsing to about:app-service-internals .

Google Chrome WebAPK debug screen on Android.

At the time of writing, Safari has a more limited set of tools available for PWA testing and debugging. There are no tools to see and debug the state and lifecycle of service workers, no inspector for the cache's content, and no tools for web app manifest support and installability on iOS and iPadOS.

Safari is available only on stable, while Safari Technology Preview available for macOS will only let you try abilities of future versions of Safari beforehand. The iOS and iPadOS beta programs sometimes include new versions of Safari that you can use for testing.

What you can do on Safari (both on macOS and remotely for iOS and iPadOS) is to open an inspector window for a service worker that is currently running.

From Safari on macOS, the Develop , Service Workers menu will list all the currently running service worker sessions. You have to select the device to inspect in the Develop menu for remote inspection. Service workers' contexts will appear in the same submenu as window contexts under the origin's or PWA's installed name.

If you select one of them, Safari will open a new window with a restricted inspector, including only Consoles , Sources , and Network Tabs .

A Service Worker Web Inspector from a PWA in Safari.

Firefox supports service workers on all platforms and App Manifest for installation only on Android. You can access the tools for PWAs on desktop and Android by a USB remote inspection session .

You can use the desktop version known as Firefox Developer Edition . As with Chromium browser, Firefox has versions in different channels on desktop and Android, including stable, beta, and dev versions.

Tools for PWAs

The service worker inspector on Firefox is a basic tool available in Developer Tools under Application , Service Workers . It lets you see the currently registered service worker, check its running status, and unregister it. Debugging the service worker's code may only be available on some developer versions of Firefox.

Firefox Developer Tools for Service Worker and Manifest.

The manifest tool is available under Application , Manifest , and it only renders the manifest's values with a preview of the icons.

Under Storage , you can manage the origin's storage, including IndexedDB and Cache Storage.

You can read more about Firefox developer tooling for web apps .

  • Chrome DevTools: Debug Progressive Web Apps
  • Debug PWAs on Edge
  • Firefox Developer Tools: Application Tab
  • Debugging Service Workers in Chrome (video)

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License , and code samples are licensed under the Apache 2.0 License . For details, see the Google Developers Site Policies . Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2022-05-15 UTC.

This browser is no longer supported.

Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

Emulate and test other browsers

  • 10 contributors

Your job doesn't end with making sure your site runs great across Microsoft Edge and Android. Even though the Device Emulation tool can simulate a range of other devices such as smart phones, we encourage you to check out solutions for emulation provided by other browsers.

When you don't have a particular device, or want to do a spot check on something, the best option is to emulate the device right inside your browser.

Device emulators and simulators enable you to mimic your development site on a range of devices, from your workstation.

Cloud-based emulators enable you to automate unit tests for your site across different platforms.

Browser emulators

Browser emulators are great for testing the responsiveness of a site. But a browser emulator doesn't emulate differences in API, CSS support, and certain behaviors that manifest only on a mobile browser on an actual device. Test your site on browsers running on real devices, to be certain everything behaves as expected.

Firefox Responsive Design View

Firefox has a responsive design view that encourages you to stop thinking in terms of specific devices and instead explore how your design changes at common screen sizes, or on your own screen size by dragging the edges of the window.

EdgeHTML emulation

To emulate Windows Phones, use the Microsoft Edge (EdgeHTML) built-in emulation .

Use IE 11 Emulation to simulate how your page might look in older versions of Internet Explorer.

Device emulators and simulators

Device simulators and emulators simulate not just the browser environment but the entire device. Each simulator is useful to test things that require OS integration, such as form input with virtual keyboards.

Android emulator

At the moment, there is no way to install Microsoft Edge on an Android emulator. However, you can use the Android Browser, the Chromium Content Shell, and Firefox for Android, which we review later in this article. Chromium Content Shell runs the same Chromium rendering engine as Microsoft Edge, but comes without browser-specific features.

The Android emulator comes with the Android SDK which you need to download as part of Android Studio . Then follow the instructions to set up a virtual device and start the emulator . After your emulator is booted, select the Browser icon, and test your site on the old Stock Browser for Android.

Chromium content shell on Android

To install the Chromium Content Shell for Android, keep your emulator running and run the following command:

Now you can test your site with the Chromium Content Shell.

Firefox on Android

Similar to the Chromium Content Shell, you can get an APK to install Firefox onto the emulator.

Download the correct .apk file .

To install the file onto an open emulator or connected Android device, run the following command:

iOS simulator

The iOS simulator for Mac OS X comes with Xcode, which you install from the App Store .

When you are done, learn how to work with the simulator through Apple Developer documentation .

To avoid having to open Xcode every time you want to use the iOS Simulator, open it, right-click the iOS Simulator icon in your dock, and then select Keep in Dock . Now just click the icon whenever you need it.

Microsoft Edge (EdgeHTML)

If you need to test your website or app with Microsoft browsers and don't have the necessary versions of Windows to do so, you can use BrowserStack, which supports testing of many combinations of Microsoft browsers and operating systems both past and present. For example, you can test all versions of Microsoft Edge (Chromium) from version 80 onwards, and Microsoft Edge (EdgeHTML) versions 15 through 18. Testing of Microsoft Edge is free on BrowserStack. For more information, see Microsoft Edge Browser Testing at BrowserStack.

Cloud-based emulators and simulators

If you aren't able to use the emulators and you don't have access to real devices, then cloud-based emulators are the next-best thing. A big advantage of cloud-based emulators over real devices and local emulators is that you can automate unit tests for your site across different platforms.

The following list is a sample of cloud-based emulators and testing sites. Review the descriptions for features or capabilities to consider when selecting a testing site. Conduct your own search to find the best cloud-based emulator for your needs.

BrowserStack helps you perform manual testing. You select an operating system, a browser version, a device type, and a URL to browse, and then BrowserStack spins up a hosted virtual machine that you can interact with. You can run multiple emulators in the same screen, to test the look and feel of your app across multiple devices at the same time.

Mobileum doesn't use emulators, but real devices which you can control remotely. This is useful when you need to reproduce a problem on a specific device and an issue might not appear in some reports.

HeadSpin helps you perform manual cross-browser testing on thousands of real devices, browsers, and operating systems. You can record videos of complex bugs and share them through integration such as Slack, JIRA, and more. Fast forward your go-to-market launch by testing in parallel.

LambdaTest helps you perform manual cross-browser testing on a combination of various browsers and operating systems. You can record videos of complex bugs and share them through integration such as Microsoft Teams, Slack, and more. You can speed-up your testing by running tests in parallel.

SauceLabs enables you to run unit tests inside of an emulator, which can be useful for scripting a flow through your site and watching the video recording of this afterwards on various devices. You can also do manual testing with your site.

TestingBot helps you do both manual testing and automated testing on various browser and operating system combinations. Test both your websites and mobile apps on TestingBot's emulators and physical devices.

Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License . The original page is found here and is authored by Meggin Kearney (Technical Writer) and Paul Bakaus (Open Web Developer Advocate at Google | Tools, Performance, Animation, UX).

Creative Commons License

Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see: https://aka.ms/ContentUserFeedback .

Submit and view feedback for

Additional resources

Item logo image for Mobile simulator - responsive testing tool

Mobile simulator - responsive testing tool

2.1K ratings

Smartphone and tablet simulator on computer with several models to test mobile responsive websites.

Sehr realistischer Smartphone- und Tablet-Simulator auf dem Computer mit mehreren Geräten und Auflösungen zum Testen Ihrer mobilen Website. 52 Geräte stehen für Reaktionstests zur Verfügung 📱 16 Modelle neuerer und älterer Android- und Google-Smartphones, einschließlich des Galaxy S22 📱 23 Modelle neuerer und älterer Apple-Smartphones, einschließlich des iPhone 15 (PRO & MAX) 💻 5 Tablet-Modelle ⌚️ Und 8 spezielle Geräte wie die Apple Watch, ein Self-Service-Kiosk oder ein Macbook Einige Geräte sind nur in der Premium-Version verfügbar Hauptfunktionen 🎬 Erstellen Sie ganz einfach Videoaufnahmen im WEBM-, GIF- oder MP4-Format. 📸 Es ist auch möglich, einen Screenshot des Smartphones im transparenten PNG-Format zu erstellen, um ihn in eine E-Mail, Präsentationsfolien usw. einzufügen. 🌚 Nachtmodus verfügbar (siehe Screenshots) 🏷 In der kostenlosen Version wird eine nicht aufdringliche Werbung angezeigt Diese Werbung kann in der Premium-Version ausgeblendet werden

4.9 out of 5 2.1K ratings Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Eyüp Baştürk Jun 4, 2024

Currently the best tool for mobile testing

Review's profile picture

Sherwin Morantte Jun 4, 2024

Useful plugin for testing mobile responsiveness! Thanks!

Review's profile picture

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

safari responsive emulator

All-in-one browser extension to improve your web dev experience.

safari responsive emulator

Mobile browser emulator mainly for testing the responsiveness of web pages on various mobile screen sizes

safari responsive emulator

Extract CSS and build beautiful styleguides.

safari responsive emulator

Mobile View: Test responsive designs fast

Test your responsive designs on multiple devices at once.

safari responsive emulator

Responsive Viewer

Show multiple screens once, Responsive design tester

safari responsive emulator

Mobile Browser Simulator UserAgent Switcher

Listens for changes to a DOM node attribute in a page and sets the browser's useragent according to the contents of that attribute.

safari responsive emulator

Mobile View Switcher

Switch to mobile view with one click via toolbar button.

safari responsive emulator

Responsive design tester

Test your websites responsivness

safari responsive emulator

Viewport Resizer: Responsive Website Testing Tool

Test your site's responsiveness with this powerful screen and window resizer and resolution emulator. Perfect for modern web design.

safari responsive emulator

Responsive Tester

Test responsive web designs or mobile pages and see if it is mobile friendly

safari responsive emulator

Designer Tools

Measure and align elements within Chrome

safari responsive emulator

Wappalyzer - Technology profiler

Identify web technologies

  • Español – América Latina
  • Português – Brasil
  • Tiếng Việt
  • Chrome DevTools

Emulate and Test Other Browsers

Your job doesn't end with ensuring your site runs great across Chrome and Android. Even though Device Mode can simulate a range of other devices like iPhones, we encourage you to check out other browsers solutions for emulation.

  • When you don't have a particular device, or want to do a spot check on something, the best option is to emulate the device right inside your browser.
  • Device emulators and simulators let you mimic your development site on a range of devices from your workstation.
  • Cloud-based emulators let you automate unit tests for your site across different platforms.

Browser emulators

Browser emulators are great for testing a site's responsiveness, but they don't emulate differences in API, CSS support, and certain behaviors that you'd see on a mobile browser. Test your site on browsers running on real devices to be certain everything behaves as expected.

Firefox' Responsive Design View

Firefox has a responsive design view that encourages you to stop thinking in terms of specific devices and instead explore how your design changes at common screen sizes or your own size by dragging the edges.

Edge's F12 Emulation

To emulate Windows Phones, use Microsoft Edge's built-in emulation .

Since Edge does not ship with legacy compatibility, use IE 11's Emulation to simulate how your page would look in older versions of Internet Explorer.

Device emulators and simulators

Device simulators and emulators simulate not just the browser environment but the entire device. They're useful to test things that require OS integration, for example form input with virtual keyboards.

Android Emulator

Android Emulator Stock Browser

Stock Browser in Android Emulator

At the moment, there is no way to install Chrome on an Android emulator. However, you can use the Android Browser, the Chromium Content Shell and Firefox for Android which we'll cover later in this guide. Chromium Content Shell uses the same Chrome rendering engine, but comes without any of the browser specific features.

The Android emulator comes with the Android SDK which you need to download from here . Then follow the instructions to setup a virtual device and start the emulator .

Once your emulator is booted, click on the Browser icon and you'll be able to test your site on the old Stock Browser for Android.

Chromium Content Shell on Android

Android Emulator Content Shell

Android Emulator Content Shell

To install the Chromium Content Shell for Android, leave your emulator running and run the following commands at a command prompt:

Now you can test your site with the Chromium Content Shell.

Firefox on Android

Firefox Icon on Android Emulator

Firefox Icon on Android Emulator

Similar to Chromium's Content Shell, you can get an APK to install Firefox onto the emulator.

Download the right .apk file from https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/ .

From here, you can install the file onto an open emulator or connected Android device with the following command:

iOS Simulator

The iOS simulator for Mac OS X comes with Xcode, which you can install from the App Store .

When you're done, learn how to work with the simulator through Apple's documentation .

Modern IE VM

Modern IE VM

Modern.IE Virtual Machines let you access different versions of IE on your computer via VirtualBox (or VMWare). Choose a virtual machine on the download page here .

Cloud-based emulators and simulators

If you can't use the emulators and don't have access to real devices, then cloud-based emulators are the next best thing. A big advantage of cloud-based emulators over real devices and local emulators is that you can automate unit tests for your site across different platforms.

  • BrowserStack (commercial) is the easiest to use for manual testing. You select an operating system, select your browser version and device type, select a URL to browse, and it spins up a hosted virtual machine that you can interact with. You can also fire up multiple emulators in the same screen, letting you test how your app looks and feels across multiple devices at the same time.
  • SauceLabs (commercial) allows you to run unit tests inside of an emulator, which can be really useful for scripting a flow through your site and watch the video recording of this afterwards on various devices. You can also do manual testing with your site.
  • Device Anywhere (commercial) doesn't use emulators but real devices which you can control remotely. This is very useful in the event where you need to reproduce a problem on a specific device and can't see the bug on any of the options in the previous guides.
  • LambdaTest (commercial) will help you to perform manual cross browser testing on a combination of 2000+ browsers & operating systems. Users will be able to record video of complex bugs and eve share it via integrations like MS Teams, Slack and more. Users can speed-up their testing by running tests in parallel.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License , and code samples are licensed under the Apache 2.0 License . For details, see the Google Developers Site Policies . Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2015-04-13 UTC.

IMAGES

  1. How do we emulate touch events in Safari Responsive Design Mode?

    safari responsive emulator

  2. How to Activate and Use Responsive Design Mode in Safari 13

    safari responsive emulator

  3. How To Activate And Use Responsive Design Mode In Safari

    safari responsive emulator

  4. How to Activate and Use Responsive Design Mode in Safari

    safari responsive emulator

  5. How To Activate And Use Responsive Design Mode In Safari

    safari responsive emulator

  6. How to Activate and Use Responsive Design Mode in Safari

    safari responsive emulator

VIDEO

  1. ¡Grandes CAPTURAS en LA ZONA SAFARI!.POKEMON HEARTGOLD. Cutrigameplay sin comentarios

  2. Naruto dolphin emulator di Mediatek Helio G99

  3. How to get iOS Safari browser on Android

  4. Yoshi's Safari

  5. This next run will get to Safari Zone, I know it (Super Kaizo)

  6. Safari for Windows default opening animation 4K

COMMENTS

  1. How to use Devtools for Safari Mobile View?

    To access the Responsive Design Mode, enable the Safari Develop menu. Follow the steps below to enable the Develop menu: Launch Safari browser. Click on Safari -> Settings -> Advanced. Select the checkbox -> Show Develop menu in menu bar. Once the Develop menu is enabled, it'll show up in the menu bar as shown in the image below: Note ...

  2. Safari Browser Testing

    Try Safari in Browserling now! Use the browser testing widget (below) to load an online Safari browser. Simply enter the address of a website that you want to open and press the "Test now!" button. The free Browserling version offers 3 minutes of Safari testing on Windows 10 but to get unlimited minutes and access to all other operating systems ...

  3. How to Emulate the Latest Safari Browser Online

    Go to the Network tab and click on Network conditions. Go to the User Agent section and unselect the 'Use browser default' radio button and click on the dropdown with the 'custom' label. Scroll down till you can see the devices under Safari, and then select the device (Mac, iPad etc.) you want to emulate Safari with.

  4. Test your website on Safari Browser Online

    TestingBot provides access to both iOS simulators and physical iOS devices. Use the developer tools to inspect webpages running on Mobile Safari, straight from TestingBot's Manual Testing service. Test your website online any Safari version, straight from your own browser. No emulators or simulators, only real Safari on macOS and iOS devices.

  5. Browserling

    Cross browser test your websites online in all web browsers - Internet Explorer, Edge, Chrome, Safari, Firefox, and Opera. we also created: Features. Pricing. Live API ... We don't use emulators or fake browsers. ... Change screen resolution and resize browsers for all your responsive testing needs. Terminal $ ssh . Terminal

  6. Test Your Website on Real Safari Browser Online

    Perform live interactive cross browser testing of your public or locally hosted websites and web apps on 3000+ real mobile and desktop browsers running on real devices and real OS. Test your native, hybrid or web mobile apps online on a scalable mobile testing cloud. Test and debug your mobile apps faster on both Emulators/Simulators or online ...

  7. Safari Browser Testing on Real Devices, no VMs

    After Chrome, Safari is the second most popular browser with 18% of the total browser market share worldwide. Naturally, QAs prefer to test their web-applications using Safari Emulator in order to cater to Safari users. Do note that this is not the same as testing on real devices, with Safari browsers installed in them.

  8. Responsive Design Mode

    Opening Responsive Design Mode. While focused on the webpage you want to test in Responsive Design Mode, choose Enter Responsive Design Mode (⌃⌘R) from the Develop menu. Tip. You can use Responsive Design Mode with Web Inspector to debug your page's layout while resizing the page in Responsive Design Mode.

  9. Test Website on Safari Browser Version 15 Online

    Here are the steps to test your website on Safari Version 15: Sign up on BrowserStack Live for a free trial. Enter the website URL and select the device to be tested on, along with the Safari 15 as the browser on the BrowserStack Live Dashboard. Once done, you can perform manual testing of the sites on Safari 15 online under real user conditions.

  10. How to use Safari Browser Emulator for Online Web Testing

    There are lots of testing services on the Internet. Can recommend Comparium. It is a free solution and allows you to test Safari without installing it on your computer or any additional software. Get to know how to perform browser web testing on the latest versions of the most popular macOS browser with online Safari Emulator.

  11. Tools

    Web development tools. Apple has brought its expertise in development tools to the web. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize websites for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can preview your web pages in various screen sizes ...

  12. Simulate Device On Safari

    Jun '20. Accepted Answer. Hello Mateo, You can emulate many iOS devices and runtimes using the Simulator included with Xcode, and remotely debug/inspect those webviews using Safari's Develop menu. You can test out responsive layouts using Safari's Responsive Design Mode tool, under the Develop menu. This is also compatible with Web Inspector.

  13. How to Use Safari DevTools to View Mobile Versions of Web Pages

    Now follow the steps below to view the mobile version of a web page using Safari DevTools: Launch Safari and navigate to the desired URL that needs to be loaded in mobile view. Click on the Develop menu and select Enter Responsive Design Mode. Now the target URL (Wikipedia in this example) can be viewed in the desired iPhone or iPad.

  14. How To Emulate Mobile Browsers For Website Testing?

    Click the Responsive Design Mode icon as shown in the below screenshot. From the dropdown, choose an Android or iOS device. Safari. Launch Safari and enter the website you want to test. From the Safari menu bar, go to Develop > Enter Responsive Design Mode. Now choose the device from the dropdown or the device menu.

  15. Short Guide on How to Test Website in Safari Browser on Windows

    Different ways of Safari browser testing on Windows. When the process of testing web products is carried out, it is very useful, if not extremely necessary, to use a variety of virtual machines and specialized virtual Safari browser emulators, with the help of which the testing process is greatly simplified.

  16. Replace Mobile Browser Emulator with Real Device Browsers

    A mobile browser emulator mimics a mobile device in your own computer. This enables developers, QA engineers and designers to quickly check how their websites function in a particular mobile browser. For example, if a user wants to access a Safari emulator on their Windows laptop, it would mean mimicking Safari on iOS in their Windows machine ...

  17. Tools and debug

    Firefox Developer Tools: Responsive Design Mode; Safari Web Inspector: Responsive Design Mode Some commercial and free solutions are optimized for developers and designers, ... With an Android emulator, you can check your PWA installation support, the entire user experience, and if the abilities you are using are working as expected. ...

  18. Emulate and test other browsers

    Browser emulators are great for testing the responsiveness of a site. But a browser emulator doesn't emulate differences in API, CSS support, and certain behaviors that manifest only on a mobile browser on an actual device. Test your site on browsers running on real devices, to be certain everything behaves as expected. Firefox Responsive ...

  19. Mobile simulator

    Smartphone and tablet simulator on computer with several models to test mobile responsive websites. ... Mobile browser emulator mainly for testing the responsiveness of web pages on various mobile screen sizes. CSS Peeper. 4.6 (348) Average rating 4.6 out of 5 stars. 348 ratings.

  20. How do we emulate touch events in Safari Responsive Design Mode?

    3. You can't. When using Safari on desktop in responsive mode your mouse will only generate mouse events. Maybe a better solution for your use case than using the Simulator is to use Chrome desktop. When using the dev tools in device mode it will emulate tap events.

  21. Using Xcode iOS Simulator for Responsive Testing

    Choose the desired iPhone model and iOS version from the available options. Build and run your app in the Simulator by clicking the Run button in the Xcode toolbar or by pressing Cmd+R. Once the Simulator launches and your app is running, interact with the app using the simulated touch input.

  22. Emulate and Test Other Browsers

    Browser emulators. Browser emulators are great for testing a site's responsiveness, but they don't emulate differences in API, CSS support, and certain behaviors that you'd see on a mobile browser. Test your site on browsers running on real devices to be certain everything behaves as expected. Firefox' Responsive Design View