safari simulator mobile

Safari Browser Testing

Browserling offers free online cross-browser testing in the Safari browser. At the moment, we offer Safari versions that run on Windows but very soon we'll also be adding Safari on macOS. The Windows Safari versions are installed on Windows 11, 10, 8.1, 8, 7, and XP. The installed Safari versions are from the official Apple installation packages and they are not fake browser emulators or simulators. To access Safari from Browserling, you don't have to install any additional software as Browserling is powered by HTML5 and JavaScript.

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, you'll have to get the developer plan .

Safari Testing FAQ

What is the latest safari version for windows.

The latest Windows Safari version is 5.1.5. You can access it via our quick browsing URL: browserling.com/browse/safari/5.1.5 .

What is the earliest Safari for Windows?

The earliest Windows Safari version is 4.0 and you can also access it via our quick browsing URL: browserling.com/browse/safari/4.0 .

Does Apple still maintain the Windows port of Safari?

No, Apple stopped maintaining Windows Safari after version 5.1.5

Do you offer Safari testing on macOS?

We're working on it! We don't have Safari on macOS yet but it's one of our top priority tasks to add it. Stay tuned!

Do you offer Safari testing on iPhones?

Offering Safari browser testing on iPhones is also one of our top tasks and we're working on it!

What browser engine does Safari use?

Safari is based on the WebKit browser engine. WebKit is also used by Chrome , Edge , and Opera browsers.

Do you run a Safari emulator?

No, we installed Safari from the official Apple installation package and it runs on a real computer. It's not an emulator nor a simulator but a real browser.

Can you help us with an issue on our website in Safari?

We'd love to help. We have been solving cross-browser testing problems for over 10 years and know everything there is about the Safari browser. Please email us at [email protected] and we'll help you with your website issue in Safari.

What is the Live Safari API?

It's a technology that we created. It lets you embed a Safari in your own project (a website or a webapp). Take a look at the Live API page that shows how it works.

For any other questions about cross-browser testing in Safari please contact us at [email protected] or use our contact form .

No search results found!!!

How to Emulate the Latest Safari Browser Online

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? 

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? 

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 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

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 

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

Adhithi is having 9+ years of experience in automation testing as well as manual testing. She is a QA, blogger and open source contributor. She loves exploring new tools and technologies, and gadgets and sharing her experience by writing blogs and making vlogs.

Like what you see?

Subscribe to get all our latest blogs, updates delivered directly to your inbox.

Test automation made easy

Start your smart continuous testing journey today with Testsigma.

SHARE THIS BLOG

Related posts.

• 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.

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

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!

• 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

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.

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.

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:

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 .

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.

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.

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 .

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.

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 .

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 .

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.

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.

• Introduction
• The Appium Clients
• Getting Started
• Supported Platforms
• API Documentation
• XCUITest (iOS)
• XCUITest Real Devices (iOS)
• UIAutomation (iOS)
• UIAutomation Safari Launcher (iOS)
• UIAutomator (Android)
• UIAutomator2 (Android)
• Espresso (Android)
• Safari (Mac/iOS)
• Gecko (Firefox)
• Execute Mobile Command
• Get Session Capabilities
• Implicit Wait
• Async Script
• Get Orientation
• Set Orientation
• Get Geolocation
• Set Geolocation
• Get Log Types
• Update Settings
• Get Device Settings
• Execute Driver Script
• Start Activity
• Current Activity
• Current Package
• Install App
• Is App Installed
• Background App
• Activate App
• Terminate App
• Get App State
• Get App Strings
• End Test Coverage
• Get Clipboard
• Set Clipboard
• Power Capacity
• Pull Folder
• Press keycode
• Long press keycode
• Hide Keyboard
• Is Keyboard Shown
• Toggle Airplane Mode
• Toggle Data
• Toggle WiFi
• Toggle Location Services
• Network Speed
• Get Performance Data
• Performance Data Types
• Start Screen Recording
• Stop Screen Recording
• Perform Touch ID
• Toggle Touch ID Enrollment
• Open Notifications
• System Bars
• System Time
• Display density
• Finger Print
• Find Element
• Find Elements
• CSS Property
• Location in View
• Active Element
• Equals Element
• Get Context
• Get All Contexts
• Set Context
• Double Click
• Button Down
• Multi Touch Perform
• Touch Perform
• W3C Actions
• Close Window
• Get Handles
• Get Window Size
• Set Window Size
• Get Window Position
• Set Window Position
• Maximize Window
• Get All Cookies
• Delete Cookie
• Delete All Cookies
• Switch to Frame
• Switch to Parent Frame
• Execute Async
• Running Tests
• Desired Capabilities
• The --default-capabilities flag
• Finding Elements
• Touch Actions
• CLI Arguments
• Server Security
• Mobile Web Testing
• Automating Hybrid Apps
• Using ios-webkit-debug-proxy
• Using Chromedriver
• Image Comparison
• Low-Level Insights on iOS Input Events
• XCUITest Mobile Gestures
• XCUITest Mobile App Management
• iOS Pasteboard Guide
• iOS Predicate Guide
• iOS Touch ID Guide
• iOS Install Certificate
• tvOS support
• Pushing/Pulling files
• Audio Capture
• Low-Level Insights on Android Input Events
• UiSelector Guide
• Espresso Datamatcher Guide
• Android Code Coverage Guide
• Activities Startup Troubleshooting Guide
• How To Execute Shell Commands On The Remote Device
• Android Device Screen Streaming
• Automating Mobile Gestures With UiAutomator2 Backend
• How To Emulate IME Actions Generation
• How To Test Android App Bundle
• Reset Strategies
• Network Connection Guide
• Using Unicode with Appium
• Troubleshooting
• Swipe Tutorial
• Partial screen
• Multiple scroll views
• Add scroll layout
• Tricks and Tips
• Element search
• Finding Image Elements
• Using Element Finding Plugins
• Migrating to XCUITest
• Using Selenium Grid with Appium
• Appium Logs Filtering
• Cross-domain iframes
• Using a custom WDA server
• Running with multiple versions of Xcode
• The Event Timings API
• Setup for Parallel Testing
• The Settings API
• Memory Collection
• Running Appium from Source
• Developer Overview
• Standard Dev Commands
• Appium Style Guide
• How to Write Docs
• Appium Package Structure
• Release Appium
• Automating mobile web apps

iOS mobile web automation

Mobile safari on simulator, mobile safari on a real ios device, for xcuitest, for instruments, setup for an ios real device, running your test, android mobile web automation, troubleshooting chromedriver,   edit this doc automating mobile web apps.

If you're interested in automating your web app in Mobile Safari on iOS or Chrome on Android, Appium can help you. Basically, you write a normal WebDriver test, and use Appium as the Selenium server with a special set of desired capabilities.

Appium can automate the Safari browser on real and simulated iOS devices. It is accessed by setting the browserName desired capabilty to "Safari" while leaving the app capability empty.

You must run Safari on the device before attempting to use Appium, in order for the correct preferences to have been set.

Then, use desired capabilities like these to run your test in mobile Safari:

First of all, make sure developer mode is turned on in your Safari preferences so that the remote debugger port is open.

We use appium-ios-device to handle Safari since Appium 1.15. You no longer need to install additional dependencies.

For iOS 9.3 and below (pre-XCUITest), we use the SafariLauncher App app to launch Safari and run tests against mobile Safari. This is because Safari is an app that is owned by Apple, and Instruments cannot launch it on real devices. Once Safari has been launched by SafariLauncher , the Remote Debugger automatically connects using the ios-webkit-debug-proxy . When working with ios-webkit-debug-proxy , you have to trust the machine before you can can run tests against your iOS device.

For instruction on how to install and run ios-webkit-debugger-proxy see iOS WebKit debug proxy documentation.

Before you can run your tests against Safari on a real device you will need to:

• Turn on web inspector on iOS device ( settings > safari > advanced )
• Have the ios-webkit-debug-proxy installed, running and listening on port 27753 (see the hybrid docs for instructions)
• Make sure that SafariLauncher will work (see the SafariLauncher docs for instructions)

To configure you test to run against safari simply set the "browserName" to be "Safari" .

Appium supports automating the Chrome browser both real and emulated Android devices.

Pre-requisites:

• Make sure Chrome is installed on your device or emulator.
• Chromedriver needs to be installed (a default version comes with Appium) and configured for automating the specific version of Chrome available on the device. See here for more information and details about compatibility.

Then, use desired capabilties like these to run your test in Chrome:

Note that on 4.4+ devices, you can also use the 'Browser' browserName cap to automate the built-in browser. On all devices you can use the 'Chromium' browserName cap to automate a build of Chromium which you have installed.

If your test target requires newer Chromedriver version, chromedriver_autodownload feature will help. It has been available since Appium 1.15.0 with the security option. Read the linked documentation to learn how to use it. chromedriverExecutableDir capability also helps when you need a specific Chromedriver version.

As of Chrome version 33, a rooted device is no longer required. If running tests on older versions of Chrome, devices needed to be rooted as Chromedriver required write access to the /data/local directory to set Chrome's command line arguments.

If testing on Chrome app prior to version 33, ensure adb shell has read/write access to /data/local directory on the device:

There is a desired capability showChromedriverLog which, when set to true , writes the Chromedriver logs inline with the Appium logs. This can be helpful for debugging.

For more Chromedriver specific documentation see ChromeDriver documentation .

From here you can search these documents. Enter your search terms below.

Mobile first

Smartphone and tablet simulator on computer to test your mobile site.

Several models available, iphone 15, galaxy s22, google pixel 6, ipad air and many others..

Test your responsive site

The different models of phones and tablets allow you to test your responsive site on different resolutions. From the smallest iPhone 5 (320px) through the iPhone 15 PRO (393px) to the iPad Air (1280px) In one click and you can change your phone, really simple and fast.

• iPhone 5 (CSS resolution 320px)
• iPhone 11 (CSS resolution 375px)
• Galaxy S22 (CSS resolution 360px)
• iPhone 15 (CSS resolution 393px)
• Xiaomi Redmi Note 6 PRO (CSS resolution 393px)
• Samsung Galaxy Tab S7 (CSS resolution 800px portrait mode)
• iPad Air (CSS resolution 1024px landscape mode)
• Macbook Air (CSS resolution 1280px)

Take great captures 📸

Create superb screenshots of your web pages on mobile responsive in high definition for your presentations, models, emails, etc ... One click on the button at the bottom right and your image is ready to be used anywhere.

And nice screencasts for your presentations 📽

Create screencasts in GIF format of your mobile webpages for your presentations, emails, etc... In a few clicks your GIF animated image is ready to use everywhere.

Simulate Device On Safari

• Safari and Web
• Safari Developer Tools

Accepted Reply

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.

@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... :/

• Set Up Simulator and Test iOS Mobile Safari on Mac

Henry Bley-Vroman , Former Senior UI Developer

Article Categories: #Process , #Front-end Engineering , #Project Management

Posted on November 16, 2018

Full interactive iOS Mobile Safari browser testing is possible right on your Mac, no additional services necessary. We'll set up Apple's Simulator and configure it for testing Safari on a wide range of iOS versions and devices.

F u l l i n t e r a c t i v e i O S M o b i l e S a f a r i b r o w s e r t e s t i n g i s p o s s i b l e r i g h t o n y o u r M a c , n o a d d i t i o n a l s e r v i c e s n e c e s s a r y . W e ' l l s e t u p A p p l e ' s S i m u l a t o r a n d c o n f i g u r e i t f o r t e s t i n g S a f a r i o n a w i d e r a n g e o f i O S v e r s i o n s a n d d e v i c e s .

This article is part of a series on running cross-browser tests directly on your primary computer. The next in the series is  Set Up a Windows 10 Virtual Machine and Run Internet Explorer 11 and Edge on Mac or Linux .

Part of preparing most websites and web apps for shipment is testing across devices. Several popular web-based browser testing services make it possible to test iOS's Mobile Safari, but the best of these tools require an additional fee, have limited free features, or restrict the number of users who can use an account at the same time.  Apple makes iOS testing available for free to all macOS users, with their Simulator app. The app is hidden away and you need to go through some hoops to support older versions of iOS, but you don't need special technical know-how. Here's how to get it up and running with just a few clicks (and some longish download waits). It works for watchOS and tvOS as well!

Getting Ready

First install XCode , Apple's developer suit. Be prepared for a long download.

Simulator is a standalone app but it's buried deep within the hidden contents of XCode , where you can't get at it, and where Spotlight doesn't see it. So make a symbolic link  of it in the Applications folder. Here's how, in case you don't know:

Open Terminal (in the Applications folder) or your favorite terminal app

Copy and paste this line:

If you're comfortable with that, hit Enter . Otherwise, skip down to the Addendum for an explanation.

Open up your Applications folder. You should see Simulator ! And Spotlight should find it now too! (Note: Spotlight should find it. This stopped working for me the same day I updated from Xcode 9 to Xcode 10. Hopefully Apple fixes this.)

Using Simulator

Open Simulator (double click it from the Applications folder, or open it from Spotlight, or if you're psyched about flexing new-found command line powers run —type and follow with the Enter ⏎ key— the command open /Applications/Simulator.app ).

Look at that! An iOS device!

Now you can click on the Safari icon and start browsing! But read on to get the most out of Simulator…

Configuring Simulator

With the devices you need all installed, let's get to know Simulator a little. We'll change the window size, add support for your computer keyboard, and add support for trackpad scrolling.

Turn on the ability to type in Simulator with your keyboard

By default, you have to use the on-screen keyboard to type in Simulator's iOS devices, just like you use the on-screen keyboard on a real iOS device. But you can turn on support for your physical keyboard:

In Simulator's "Hardware" menu, under "Keyboard," check "Connect Hardware Keyboard."

Share the clipboard across macOS and your Simulator devices

By default, the standard command v keyboard shortcut will not work to paste to Simulator from any other app. To turn on the shared clipboard (known in Apple devices as the pasteboard), select "Automatically Sync Pasteboard" from the "Edit" menu.

Note for users running older versions of Xcode:  This worked differently prior to Simulator 10. You'll have to use shift command v to paste the macOS clipboard into the Simulator pasteboard, and then you can use command v to paste from the pasteboard.

Switching Devices

With Simulator you can test any Apple device. Select the device you want to use from the "Device" submenu in the "Hardware" menu. By default you'll have only the latest version of iOS, tvOS, and watchOS, but you can easily install "runtimes" for older versions.

Add support for older versions of iOS, tvOS, and watchOS

To add support for other versions of iOS, tvOS, or watchOS, first select "Manage Devices" from the the "Hardwear" menu's "Device" submenu. (For iOS marketshare by version, refer to iOS Distribution and iOS Market Share or Mobile & Tablet iOS Version Market Share Worldwide . Historically, the most recent and second most recent versions of iOS account for between 80–90% of iOS usage, with adoption of the most recent version taking several months to surpass the second most recent version.)

That will open the Xcode app's "Devices" window. Select the "Simulators" tab. Then click the + in the bottom left corner. (Note that your window may look different — as of this writing, it has been redesigned in every recent version of XCode. In XCode 9 you'll have to select "Add Device" from the + 's contextual menu).

Under "OS Version," select "Download more simulator runtimes."

Another new window opens, Xcode's "Components" preferences' list of simulators. Click the downward arrow button next to the OS you want to install support for.

When the download is complete, close the window. Back in the "Create a new simulator" dialog:

• Leave the "Simulator Name" field blank.
• Select the device you want a simulator for.
• And the OS version you just downloaded should be an option now! (Note that "OS Version" is limited by "Device Type," so you must select the device type first. )

Click "Create," and quit Xcode. Back in Simulator, the device you just added should show up in the "Devices" list!

There you have it! If you aren't familiar with the command line and want to understand what the symbolic link command was doing, continue down to the addendum. Otherwise, you're set up to test things on iOS without going through some extra service!

Limited-audience bonus 1: Turn on three-finger trackpad scrolling in Simulator

By default, you can scroll in a Simulator device by clicking and dragging. With the hardware keyboard connected, you can also use the keyboard arrow keys. If you're used to using trackpad scrolling (e.g. two-finger scrolling) in macOS, you may want to turn it on for Simulator too. While two-finger dragging isn't supported, three-finger dragging is. As of this writing, the experience really isn't good: there can be a initial delay, and then another delay before inertial scrolling kicks in. Here's how to turn it on:

From the System menu () open the "System Preferences," and from there, open the "Accessibility" preferences. Under "Mouse & Trackpad," open the "Trackpad Options" and turn on "three finger drag."

Limited-audience Bonus 2: Opening multiple Simulator devices on older versions of Xcode

Sometimes it's useful to have two devices up on the screen at the same time. Before, Xcode 8 (or was it 9?) Simulator could only run one device at a time. If you're on an older version of Simulator that doesn't support multiple devices, you can open two instances of the Simulator app with open -n :

The second instance of the app opens with an error "Unable to boot device in current state: booted." That's saying "the device you're asking to simulate is already being simulated," which is true — by default it's trying to open the same device as it's running in the first instance of the app. Say OK , then go to the Hardware menu > Device and choose a different device. (h/t i40west for the technique)

Addendum: what's that terminal command doing??

If you aren't familiar with the "command line," don't just run a command because someone on the internet says to. I don't know if it's ever really happened (it probably has), but there are plenty of urban legends of command line novices getting tricked into doing serious damage to their computers.

I've said that to make Simulator appear you run

In a nutshell, the Simulator app is installed as part of Xcode, but it's hidden. So we create an alias (aka "shortcut" to people who learned the term on Windows) to the hidden app, and put the alias in the Applications folder.

Here's how it works:

The "command line" lets you run programs that don't have an interface — you tell the app what to do with text commands rather than by clicking on things. The first thing you write is the name of the command. Here, we're running ln , a command that creates links, the technical name for aliases ( ln is short for "link").

Next, write the command-specific options. Option are set with "flags" prefixed with - . ln 's -s flag turns on ln 's "symbolic link" option. There are important differences between symbolic links and plain old links, but in this context what matters is that apps cannot be aliased with a link; apps must be aliased with a symbolic link.

The next thing  ln needs to be told is the thing you want to create an alias to (the "source file"). All files on your computer have an address, written in the form folder/subfolder/file where in a/b/c "c" is inside "b" which is inside "a". This should look familiar from website URLs, and it's actually exactly the same: a website's URL reflects an actual folder structure on a computer somewhere. [More or less… That used to be a given; now it's only sometimes mostly true.] In our case, Xcode is in the "Applications" folder, and inside Xcode there's a Contents folder, and in that is a Developer folder, and in that is an Applications folder, and the Simulator app is in that .

Next you specify the place ln should put that alias (the "target directory"). It makes sense to put your alias to Simulator in the "Applications" folder: add a space after the source file's path, and then write /Applications . (See that / in front of /Applications , in both the source file and the target directory? That's saying "this is at the top level " - Xcode is a child of "Applications" but "Applications" is not the child of anything. One last bit of vocab: "Applications" is the parent of Xcode .)

Okay, hit Enter!

Related Articles

The testing taxonomy: how to make sure qa doesn't fall through the cracks.

Set Up a Windows 10 Virtual Machine and Run Internet Explorer 11 and Edge on Mac or Linux

Henry Bley-Vroman

10 Guiding Principles for Viget Project Managers

Pascale Georges

The Viget Newsletter

Nobody likes popups, so we waited until now to recommend our newsletter, featuring thoughts, opinions, and tools for building a better digital world. Read the current issue.

Subscribe Here (opens in new window)

• Share this page
• Post this page

Freelance iOS, macOS, Apple Watch, and Apple TV Developer

Web inspector on ios devices and simulators.

Want to keep up to date? Sign up to my free newsletter which will give you exclusive updates on all of my projects along with early access to future apps.

Over the past few weeks I’ve worked on a number of projects that have necessitated me working with HTML and JavaScript be that via Safari on iOS, an SFSafariViewController, or in an embedded WKWebView. In all of these cases, I’ve needed to dive into the DOM to see what styles are being applied to certain elements or dig into a JavaScript Console to work out why some code isn’t working. On desktop, this is trivial as Safari has a Web Inspector panel built in similar to other browsers. It turns out it is also trivial on mobile as the exact same tool can be used with both iOS simulators and physical devices.

If you select the ‘Develop’ tab from the menu bar of Safari on macOS, you’ll see a list of all of your connected devices and actively running simulators 1 . Drilling into this will then show all of the active web instances you can interact with; notice how the content within Safari has highlighted blue within the Simulator as I’ve moused over the twitter.com web instance above. When you click, a web inspector panel is then produced which allows you to make all the usual interrogations and changes you can within desktop Safari such as interacting with the console or changing CSS values of elements to see how they would look in realtime.

Here’s an example using a WKWebView within one of my client projects, Yabla Spanish :

Discovering that simulators and devices could be interacted with in this way has been a huge timesaver for me. Whilst developing Browser Note , I was constantly needing to tweak CSS values and investigate the current state of the DOM as websites have various tricks to try and make ads or cookie notices appear on top of all content (and the note needed to be on top at all times - you should totally take a look at Browser Note whilst you’re here). In doing this, I was then able to put this knowledge to use on no less than 3 client projects in the past month; this validates my theory that by working on your own side projects you can improve your efficiency when it comes to work projects.

There are a few caveats to be aware of when using the Web Inspector with an iOS device or simulator:

• If you want to use this on an actual device you’ll first need to enable the Web Inspector on iOS. To do this, go to the Settings app and then Safari > Advanced and toggle the Web Inspector on.
• Whilst the Web Inspector can interrogate WKWebView, it can only do this for apps you are running via Xcode. You cannot look at the WKWebView of apps you did not create nor of your own apps from TestFlight / the App Store. However, you can inspect debug builds installed via Xcode even if the debugger is not active (i.e. you build to the device then quit Xcode).
• Conversely, you can use the Web Inspector with any SFSafariViewController even if it is not in your own app.
• Whilst it is still possible to submit apps that use UIWebView, the web inspector will not work with them; it needs to be WKWebView .
• This also works for AppKit, SwiftUI, and Catalyst apps on macOS.

I use an “iDod” naming prefix for all of my devices; a throwback pun to my first Apple product, the iPod.  ↩︎

Debug iOS Safari with Xcode Simulator and Web Inspector

• Published: 15 Jun 2020

Uses: Xcode simulator

How I debug CSS for iOS Safari on my MacBook Pro.

If you're like me and don’t have an iOS device, you can use Xcode Simulator to view and debug mobile Safari from your Mac.

Why would you need to simulate mobile Safari? Phones in general don't even have web inspectors for debugging. Have you ever had a CSS quirk on an iPhone and no iPhone to test with? I have.

As a lifelong Android user and web designer by trade, I regularly need to preview, test, or fix things for iOS Safari. Thankfully my MacBook has a way to simulate iOS devices so that I can preview and debug mobile Safari! Likewise, it can simulate older and newer iOS versions if needed.

The following steps may vary for newer and older versions of macOS, Xcode, and Safari. This guide uses:

• MacBook Pro (Retina, 15-inch, Mid 2015)
• macOS Mojave version 10.14.6
• Xcode version 11.3.1
• Safari version 13.1.1

Step 1: Open Xcode and Launch Simulator

From your Applications, launch Xcode. (Optionally, update Xcode if it yells at you when you try to open it.)

Once Xcode opens, navigate to Open Developer Tool > Simulator from the Mac toolbar.

If you’re a Spotlight user (which I am not), just search for Simulator and bypass launching Xcode altogether.

Step 2: Adjust the Simulator

A simulated device should pop up on your screen and begin loading. From the Mac toolbar, you can adjust the simulator via Hardware > Devices and select the OS and Device. You can pick from various iPhones and iPads in the iOS dropdown.

If you need something different, select Manage Devices for a suite of additional options:

Under Devices, add a device connected through USB.

Under Simulators, add a new simulator by selecting a device and iOS version (or install an additional iOS version runtime).

You can choose to use the simulation at the actual device size (instead of your screen's full height). Assign it via the Mac toolbar under Window to Physical Size.

Step 3: Simulate iOS Safari

In the Simulator, open up mobile Safari. Navigate to the appropriate page you’d like to interact with via Safari Web Inspector.

On your Mac, open up Safari. In the Mac toolbar under Develop , select the Simulator option beneath your device’s name. Pick the iOS Safari tab loaded in the Simulator. Web Inspector will launch to start debugging mobile Safari!

Step 4: Use Web Inspector to Debug Mobile Safari

Now you can go about your business and hopefully resolve whatever brought you down this rabbit hole to begin with. Debug mobile Safari just like you normally would for desktop Safari.

Additional Resources

Need more help?

• Visit Apple's Simulator Help
• Visit Apple's Safari Developer Help

Other guides that may be helpful:

• Debugging Your iPhone Mobile Web App With Safari Dev Tools by Matthew Croak on Medium [Premium Article]
• How to Use Web Inspector to Debug Mobile Safari (iPhone or iPad) by SK on Apple Toolbox

Simulator Bonuses

In the Simulator, from the Mac toolbar under File you can take a New Screen Shot , or use CMD+S.

For a how-to on more features and functionality offered in the Simulator, browse the Help section. I kind of want a Force Touch track pad now...

• Written by Melanie E Magdalena

Tags: # debugging

Thanks for reading! If this helped or you learned something, Buy Me A Coffee.

The fastest way to access mobile apps in the workplace

100,000,000, 1000s of companies use appetize for, live app previews.

Upload your app and share the link. Embed your mobile Android emulator & iOS simulator anywhere on the web.

Mobile App Support

Appetize enables your call center to provide live mobile app support. Your app is always up to date, and no physical devices or PDFs for your agents.

Mobile Demos

Demo any version of your app, on any device, custom branded, and always up to date.

Screenshot Automation

Capture and generate screenshots automatically on every release and every app update

Mobile App Testing

Record & write cross-platform tests using low-code & JavaScript

What our clients say about us

Our clients are like our business partners. We truly care about how our clients interact with Appetize, and we’re constantly striving to improve with valuable feedback and innovative ideas. Our business relationships are important to us, but don’t take our word for it, have a look through our testimonials.

“Prior to using Appetize here at Abbott, our app development team was struggling to provide a way to demo, test, and simulate iOS and Android environments for our app portfolio. The previous platform we used was clunky and slow.”

Digital Health Integration Executive at Abbott

“I couldn’t have designed this technology better myself. The system is lightning fast, easy, and genius.”

CIO at Graff

“Appetize enables our team to preview and approve mobile changes within our Amplience content management system, reducing the time needed to review and publish fresh content.”

Sr. IT Manager of eCommerce at Ulta Beauty

Embed anywhere, stream your app instantly, share your app, < built for developers >.

Embed on any web page with an iframe. Automate with our javascript API.

Analyze your app's logs and network requests. Give your developers exactly what they need to reproduce issues.

Automate UI testing for your apps. Use assertions and screenshots.

Use the tools your developers are already familiar with. Let playwright drive your mobile app testing.

Benefit from our strong partners

Effortlessly upload apps with our Github Actions

How to use Appetize with GitLab

Preview changes straight in your code reviews

Automate Appetize previews with Bitrise CI

Build & preview directly in the Jenkins UI

Preview native UI components using Storybook

Use Expo Snack to test & iterate on your app

Use direct file uploads or any method of choice

“We love seeing what customers are building on top of Appetize. Our team works hard every day to deliver the fastest, most secure, and most powerful mobile app streaming platform in the world.”

CEO at Appetize

Safari Simulator: Lion 9+

Gluten free games, designed for ipad.

• 4.0 • 503 Ratings

Screenshots

Description.

Explore the wild savanna and live life as a Lion! Survive in a massive world filled with dangerous animals and crafty critters. Start your own pride of lions, raise baby lion cubs, stalk prey through grassy plains, and battle for your life against fierce predators like crocodiles, cheetahs, and elephants! Game Features + REALISTIC SIMULATOR - You'll need to maintain your health, hunger, thirst, and energy if you're going to survive in the hostile African savanna! + EPIC BATTLES - Use your powerful bite, razor sharp claws, and swift speed to catch tasty snacks and fight dangerous beasts! + START A PRIDE OF LIONS - Find up to three lionesses to bond with and raise your very own family of lions to help you hunt! + LEVEL UP YOUR LION - Gain experience by defeating other animals and level up to increase your health, attack damage, and even unlock new lion furs! + LION SURVIVAL GUIDE - Look to your handy survival guide for information on enemy wildlife, a map of the savanna, lion customizations, and much more! + HUGE 3D ENVIRONMENT - Your lion is free to explore the vast plains of the African savanna filled with dangerous carnivores, tall grass, and a lush oasis! + NEW TOUCH-BASED CONTROLS - Brand new intuitive controls let you navigate your animal like never before! Pinch to zoom and play from your lion's perspective or get a bird's eye view of the action! + HD GRAPHICS - Stunning High Definition graphics will transport you to the African wilderness and surround you with nature's vibrant beauty! + GLUTEN-FREE PROMISE - With all of our games you will always get the full game with no ads or additional purchases! Download the Safari Simulator: Lion and rule the Animal Kingdom as a ferocious wild Lion! If you liked living as a Lion then you'll love our other animal simulators! Download Jurassic World: Tyrannosaurus Rex Simulator to travel to a lost land of dinosaurs or check out the Wildlife Simulator: Wolf and start your very own Wolfpack! Follow us on Facebook for more awesome animal games and simulators! facebook.com/glutenfreegames Follow us on Twitter too! We love hearing feedback and suggestions! twitter.com/glutenfreegames

Version 1.1

+ Increased Compatibility with iOS 12 + Increased Texture Resolutions + HQ Realistic Water Added

Ratings and Reviews

503 Ratings

I like the point you're a lion it's a fun game but there are some down sides by the point it's not that realistic now I've watched a lot of documentaries over time and in a pride there are a lot more lioness and Cubs instead of just two of each I think whenever you earn a new cub it should come along with like 2 or 3 more siblings at least and also in prides the females do the hunting not the males. The graphics I guess are ok but yah it's an okay game.

I love this game 😍

This game is amazing , but can u update it Plz like the cheetah one , give it more conflict leopards, cheetahs, hyenas , jackals and wild dogs.. And rogue males other lion prides. And change the white color Plz to pure white mane and body. I love this game a lot , and the whole idea of animal sims is a dream come true. Rlly hope u can update this one , and Plz the fox one , wolf one, tiger one and bear all like the cheetah update plz .. And ideas for more animal sims like hyena sim, jackal sim, african wild sim, Leopard sim , cougar sim, coyote sim, gorilla sim, buffalo sim, deer sim, polar bear sim, baboon sim, snow leopard sim , dingo sim, rhino sim, I would buy all those sims ur amazing creative keep up the good work 😃

The circle of life

Well I thought you put other prides like other lion prides and cheetah prides and wolf packs and when you go to the prides or den (if the whole pride or den is sleeping) you can steal the Cubs or pups and raise them your self and you can be a female and you can have two lions and three lionesses and 19 Cubs and the lionesses can stay pregnant for four hours (in real time too) and you can sleep inside the pride rock there will be a hole in order to go in the pride rock and you can watch time pass and pick things up with your mouth even pick up your Cubs and lionesses and strand your lionesses if you choose to.

App Privacy

The developer, Gluten Free Games , has not provided details about its privacy practices and handling of data to Apple. For more information, see the developer’s privacy policy .

No Details Provided

The developer will be required to provide privacy details when they submit their next app update.

Information

• App Support
• Privacy Policy

Family Sharing

Up to six family members can use this app with family sharing enabled., more by this developer.

Stray Dog Simulator

Ultimate Wolf Simulator

Stray Cat Simulator

Eagle Simulator

Snake Simulator

Ultimate Horse Simulator

You Might Also Like

Safari Animals Simulator

Wild Lion Survival Simulator

Arctic Wolf Survival Simulator

Lion Simulator - Safari Animal

Flying Dragon's Life Simulator

Spider Colony Simulator

Mobile simulator - responsive testing tool

1.8K ratings

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

Smartphones and tablets simulator on computer very realistic with several devices and resolutions to test your mobile site. 52 devices are available for responsive tests 📱16 models of recent and older Android & Google smartphones including the Galaxy S22 📱23 models of recent and older Apple smartphones including the iPhone 15 (PRO & MAX) 💻 5 models of tablets ⌚️ And 8 special devices such as the Apple Watch, a Self Service Kiosk or a Macbook Some devices are only available in the premium version Key features 🎬 Create screencasts in GIF format very easily. 📸 It is also possible to take a screenshot of the smartphone in transparent PNG to insert it in an email, presentation slides, etc. 🌚 Night mode available (see screenshots) 🏷 A non intrusive advertisement is displayed in the free version This ad can be hidden in the premium version

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

Srinivas K V | Tekzen Systems Apr 10, 2024

Best among all, go for it, don't think about second option.

Rong Udomchok Apr 10, 2024

Best Best Best, Very BEST Thks.

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

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

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

Extract CSS and build beautiful styleguides.

Measure page elements size in pixel with an easy-to-use ruler.

Responsive Viewer

Show multiple screens once, Responsive design tester

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.

Mobile View Switcher

Switch to mobile view with one click via toolbar button.

Responsive design tester

Test your websites responsivness

Viewport Resizer – Responsive Testing Tool

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Responsive Tester

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

Designer Tools

Measure and align elements within Chrome

Wappalyzer - Technology profiler

Identify web technologies

This solar eclipse simulator on SkySafari will guide you through the eclipse on April 8

Using the app only costs 99 cents.

A new "eclipse simulator" on SkySafari allows you to anticipate what you'll see when the moon blocks the sun in areas of North America on Monday (April 8).

The SkySafari Eclipse Simulation Widget, which you can see below, includes the ability to "watch" an eclipse from any point on Earth. A shadow tracker will let you watch the moon's shadow moving "across continents and oceans, a stunning reminder of the beauty and intricacy of our solar system," developers wrote.

The entry-level version of SkySafari 7 , which features on our best stargazing apps guide, is on a deep discount right now for just $0.99 ahead of the eclipse on Monday (April 8). Because that's  an 80% discount from the usual $4.99, make sure to act quickly; affiliated apps SkySafari Plus and SkySafari Pro are also on sale.

You can also keep up to date with the latest eclipse content on our  eclipse live blog  and  watch all the total eclipse action  live here on Space.com. 

Related: Total solar eclipse 2024: Everything you need to know

SkySafari 7 Basic stargazing app <a href="https://skysafariastronomy.com/Eclipse-Safari.html" data-link-merchant="skysafariastronomy.com"" target="_blank" rel="nofollow"> now 80% off .

The 'Basic' version of SkySafari 7 is 80% off until eclipse day. Act fast to access the solar eclipse features ahead of the big day on April 8 in the United States, Canada and Mexico.

Space.com already gives SkySafari 7 five stars as it lets you track stars, planets, galaxies and more with planetarium and telescope features. But as the eclipse approached, representative Pedro Braganca told Space.com, the small company has been pushing hard to put new features for users on the app.

"As developers and content creators, we often find ourselves lost in the world of coding, debugging, and endless cups of coffee. But every once in a while, a project comes along that reminds us why we fell in love with creating in the first place," Braganca wrote in an email interview, calling the simulator "our latest labor of love."

Get the Space.com Newsletter

Breaking space news, the latest updates on rocket launches, skywatching events and more!

"Now, let's get one thing straight — we're not just a bunch of tech and space geeks pushing an app. We're a team of dreamers, adventurers, and stargazers, on a mission to share the wonder of the cosmos with as many people as we can," he added.

The simulator, he emphasized, will take some of the worry off your hands during the big event as you try to make sure your equipment, including solar glasses to view the event safely, is all ready for the precious few moments of totality.

"You're standing on the path of totality, anticipation hanging in the air like a shimmering veil. The countdown to totality is on, and you can feel the excitement building with every passing second. But instead of frantically checking your watch or squinting at a map, you simply glance at your phone and let SkySafari be your guide," he said.

Along with the simulator and shadow tracker, the app has a dynamic eclipse countdown clock and will include "audio prompts to keep you informed and entertained throughout the eclipse." These narrations "guide you through critical contact timings, ensuring that you never miss a beat. It's like having a knowledgeable astronomer by your side, whispering secrets of the cosmos directly into your ear."

Read more: 10 phenomena to see and photograph during April's total solar eclipse

The app's eclipse viewing guide includes detailed safety guidance as well, making sure you know when to put on your glasses and when to take them off. (Once you no longer have need for the glasses, SkySafari suggests you recycle them through its partnership with Astronomers Without Borders , which will allow the glasses to be used in areas with poorer access to these tools.)

A special "Eclipse" button on the main page allows users to access the content with ease. SkySafari 7 also offers "social" stargazing to see what sights others are looking at, tilt-to-slew scope control and augmented reality voice control.

In between finding the best telescope deals , the best binoculars deals and the best solar viewing kits , make sure to get 80% off SkySafari 7 's basic app to get ready for the big solar eclipse day.

Join our Space Forums to keep talking space on the latest missions, night sky and more! And if you have a news tip, correction or comment, let us know at: [email protected].

Elizabeth Howell (she/her), Ph.D., is a staff writer in the spaceflight channel since 2022 covering diversity, education and gaming as well. She was contributing writer for Space.com for 10 years before joining full-time. Elizabeth's reporting includes multiple exclusives with the White House and Office of the Vice-President of the United States, an exclusive conversation with aspiring space tourist (and NSYNC bassist) Lance Bass, speaking several times with the International Space Station, witnessing five human spaceflight launches on two continents, flying parabolic, working inside a spacesuit, and participating in a simulated Mars mission. Her latest book, " Why Am I Taller ?", is co-written with astronaut Dave Williams. Elizabeth holds a Ph.D. and M.Sc. in Space Studies from the University of North Dakota, a Bachelor of Journalism from Canada's Carleton University and a Bachelor of History from Canada's Athabasca University. Elizabeth is also a post-secondary instructor in communications and science at several institutions since 2015; her experience includes developing and teaching an astronomy course at Canada's Algonquin College (with Indigenous content as well) to more than 1,000 students since 2020. Elizabeth first got interested in space after watching the movie Apollo 13 in 1996, and still wants to be an astronaut someday. Mastodon: https://qoto.org/@howellspace

What it was like to chase totality in South Texas

Astronauts' photos capture April 8 solar eclipse from Earth orbit

Why Peter Higgs leaves a massive legacy in the field of physics

Most Popular

By Harry Baker April 10, 2024

By Robert Lea April 10, 2024

By Daisy Dobrijevic April 10, 2024

By Mike Wall April 10, 2024

By Elizabeth Howell April 09, 2024

By Daisy Dobrijevic April 09, 2024

By Robert Lea April 09, 2024

By Josh Dinner April 09, 2024

By Robert Z. Pearlman April 09, 2024

By Mike Wall April 09, 2024

By Keumars Afifi-Sabet April 09, 2024

• 2 See Jupiter close to a crescent moon (Mars near Saturn, too) in the 'View a Planet Day' night sky
• 3 What happened when the moon 'turned itself inside out' billions of years ago?
• 4 Could these big expandable habitats help humanity settle the moon and Mars?
• 5 US needs new space tech or it 'will lose,' Space Force chief says