From f3e2c8b9e9c510eaac5c61531ff795819b3833fe Mon Sep 17 00:00:00 2001 From: Michael Hoffman Date: Fri, 28 Jun 2024 09:42:56 -0700 Subject: [PATCH 1/6] date, add todos --- .../device-mode/testing-other-browsers.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index 5c9439f95e..87a59035c0 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -6,7 +6,7 @@ ms.author: msedgedevrel ms.topic: conceptual ms.service: microsoft-edge ms.subservice: devtools -ms.date: 02/24/2023 +ms.date: 06/28/2024 --- # Emulate and test other browsers + Your job doesn't end with making sure your site runs great across Microsoft Edge and Android. Even though the [Device Emulation](index.md) 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. @@ -50,6 +51,7 @@ Firefox has a [responsive design view](https://developer.mozilla.org/docs/Tools/ #### EdgeHTML emulation + To emulate Windows Phones, use the Microsoft Edge (EdgeHTML) [built-in emulation](/archive/microsoft-edge/legacy/developer/devtools-guide/emulation). @@ -121,6 +123,8 @@ When you are done, learn how to work with the simulator through [Apple Developer #### 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](https://www.browserstack.com/test-on-microsoft-edge-browser) at BrowserStack. @@ -131,6 +135,8 @@ If you aren't able to use the emulators and you don't have access to real device 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](https://www.browserstack.com/automate) 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](https://www.mobileum.com/) 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. From a1afd32a7efa8340e67cbe461c4fa38229331089 Mon Sep 17 00:00:00 2001 From: Michael Hoffman Date: Tue, 2 Jul 2024 13:23:53 -0700 Subject: [PATCH 2/6] todo about 404 --- .../device-mode/testing-other-browsers.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index 87a59035c0..9f71e2fc47 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -126,6 +126,9 @@ When you are done, learn how to work with the simulator through [Apple Developer 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](https://www.browserstack.com/test-on-microsoft-edge-browser) at BrowserStack. + From 1eba388591e71ff9e0c45f1cb12470377b7dae69 Mon Sep 17 00:00:00 2001 From: Michael Hoffman Date: Tue, 16 Jul 2024 16:22:08 -0700 Subject: [PATCH 3/6] remove 2 sections, replace list by link --- .../device-mode/testing-other-browsers.md | 34 ++----------------- 1 file changed, 2 insertions(+), 32 deletions(-) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index bebbd490dd..a69433d238 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -6,7 +6,7 @@ ms.author: msedgedevrel ms.topic: conceptual ms.service: microsoft-edge ms.subservice: devtools -ms.date: 06/28/2024 +ms.date: 07/16/2024 --- -#### EdgeHTML emulation - - -To emulate Windows Phones, use the Microsoft Edge (EdgeHTML) [built-in emulation](/archive/microsoft-edge/legacy/developer/devtools-guide/emulation). - -Use [IE 11 Emulation](/previous-versions/windows/internet-explorer/ie-developer/samples/dn255001(v=vs.85)) to simulate how your page might look in older versions of Internet Explorer. - - ## Device emulators and simulators @@ -120,33 +111,12 @@ When you are done, learn how to work with the simulator through [Apple Developer > 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. - - ## 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](https://www.browserstack.com/automate) 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](https://www.mobileum.com/) 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](https://www.headspin.io/) 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](https://www.lambdatest.com/) 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](https://saucelabs.com) 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](https://testingbot.com/) 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. +See [Emulators](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#emulators) in _Strategies for carrying out testing_ at MDN. From 343fd0e8621ce6d2427c058dcdd1a04e8f3dd061 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Wed, 17 Jul 2024 10:34:13 +0200 Subject: [PATCH 4/6] Technical edits --- .../device-mode/testing-other-browsers.md | 61 +++++++++++-------- 1 file changed, 35 insertions(+), 26 deletions(-) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index a69433d238..8a744ed52c 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -1,6 +1,6 @@ --- title: Emulate and test other browsers -description: Your job doesn't end with making sure your site runs great across Microsoft Edge and Android. Even though Device Emulation (Device Mode) can simulate a range of other devices such as smart phones, we encourage you to check out solutions for emulation provided by other browsers. +description: Learn to test your website on other browsers, to make sure your website works well for all users. author: MSEdgeTeam ms.author: msedgedevrel ms.topic: conceptual @@ -23,45 +23,48 @@ ms.date: 07/16/2024 limitations under the License. --> # Emulate and test other browsers - -Your job doesn't end with making sure your site runs great across Microsoft Edge and Android. Even though the [Device Emulation](index.md) 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. +To make sure your website works for all your users, test your website on other browsers and devices. Not all of your users will be using the browser and device that you used when developing. We encourage you to check out solutions for emulation provided by other browsers, in addition to using the **Device Emulation** tool in Microsoft Edge DevTools. #### Summary -* 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. +There are several different levels of testing that you can do to test your site under different conditions: -* Device emulators and simulators enable you to mimic your development site on a range of devices, from your workstation. +* **Browser emulators** help you to quickly test how your website looks and behave at different screen sizes and resolutions, with touch event emulation, and by overriding the user-agent string the browser sends. You use browser emulators from the browser you're developing on. See [Browser emulators](#browser-emulators), below. -* Cloud-based emulators enable you to automate unit tests for your site across different platforms. +* **Device emulators and simulators** enable you to run other devices from the device you're developing on and test your website on these other devices. See [Device emulators and simulators](#device-emulators-and-simulators), below. + +* **Cloud-based emulators** enable you to run automated tests for your site across different platforms. See [Cloud-based emulators and simulators](#cloud-based-emulators-and-simulators), below. ## 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. +Browser emulators are great for testing the way your site looks and behaves at different screen sizes and resolutions, or when touch events are enabled, or when the user-agent string is set to another browser's user-agent string. +You use browser emulators from the browser you're developing on. For example, in Microsoft Edge, you can use the **Device Emulation** tool in DevTools to get an approximation of how your site looks and behaves on different devices. See [Emulate mobile devices (Device Emulation)](./index.md) for more information on how to use the **Device Emulation** tool in Microsoft Edge DevTools. - -#### Firefox Responsive Design View +Browser emulators don't emulate differences in web API or CSS support. For example, the **Device Emulation** tool in Microsoft Edge doesn't emulate how the different web APIs or CSS features that your site might be using are supported in Firefox or Safari. Test your site on browsers running on real devices, to be certain everything behaves as expected. + +Here are some browser emulators you can use to test your site on other browsers: -Firefox has a [responsive design view](https://developer.mozilla.org/docs/Tools/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. +* [Firefox Responsive Design Mode](https://firefox-source-docs.mozilla.org/devtools-user/responsive_design_mode/index.html). +* [Chrome Device Mode](https://developer.chrome.com/docs/devtools/device-mode). +* [Safari Responsive Design Mode](https://developer.apple.com/documentation/safari-developer-tools/responsive-design-mode). ## 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. +Device simulators and emulators simulate not just the browser environment but the entire device. Each simulator is useful to test things that require specific integration with the operating system, such as form input with mobile device keyboards. + +You install device emulators and simulators on your development machine. You can therefore continue to test your website on the same machine where you're developing, while simulating the experience of using a different device. #### 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](https://developer.android.com/sdk/installing/studio.html). Then follow the instructions to [set up a virtual device](https://developer.android.com/tools/devices/managing-avds.html) and [start the emulator](https://developer.android.com/tools/devices/emulator.html). @@ -69,10 +72,6 @@ After your emulator is booted, select the **Browser** icon, and test your site o ###### Chromium content shell on Android - - To install the Chromium Content Shell for Android, keep your emulator running and run the following command: ```shell @@ -85,10 +84,6 @@ 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](https://www.mozilla.org/firefox/all/#product-android-beta). @@ -107,18 +102,32 @@ The iOS simulator for Mac OS X comes with Xcode, which you [install from the App When you are done, learn how to work with the simulator through [Apple Developer documentation](https://help.apple.com/simulator/mac/current). -> [!NOTE] -> 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. +To avoid having to open Xcode every time you want to use the iOS Simulator, open the iOS Simulator, right-click the iOS Simulator icon in your dock, and then select **Keep in Dock**. Now just click the icon whenever you need it. + + + +#### Virtual machines + +To test your site on other operating systems, you can run virtual machines on your development device. For example, **Hyper-V** is a virtualization tool that lets you run various versions of Windows and Linux. To learn more, see [Introduction to Hyper-V on Windows 10](/virtualization/hyper-v-on-windows/about/). + +For other virtual machines, see [Virtual machines](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#virtual_machines) in _Strategies for carrying out testing_ at MDN. ## 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. +Cloud-based emulators and simulators are commercial solutions to test your website on different devices and browsers without installing anything on your development machine. They are useful when you don't have access to real devices or when you can't use local emulators. Cloud-based solutions are also useful for automating tests across different platforms. See [Emulators](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#emulators) in _Strategies for carrying out testing_ at MDN. + +## See also + +* [Emulate mobile devices (Device Emulation)](./index.md) +* [Strategies for carrying out testing](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies) at MDN. + + > [!NOTE] > Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). From bdc447f38897394b02e622aa51fef933675493fa Mon Sep 17 00:00:00 2001 From: Michael Hoffman Date: Wed, 17 Jul 2024 08:14:49 -0700 Subject: [PATCH 5/6] apply own cmts, writer/editor pass --- .../device-mode/testing-other-browsers.md | 66 ++++++++++++++----- 1 file changed, 49 insertions(+), 17 deletions(-) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index 8a744ed52c..abcf403654 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -6,7 +6,7 @@ ms.author: msedgedevrel ms.topic: conceptual ms.service: microsoft-edge ms.subservice: devtools -ms.date: 07/16/2024 +ms.date: 07/17/2024 --- #### Summary -There are several different levels of testing that you can do to test your site under different conditions: +There are several different levels of testing that you can do to test your website under different conditions: -* **Browser emulators** help you to quickly test how your website looks and behave at different screen sizes and resolutions, with touch event emulation, and by overriding the user-agent string the browser sends. You use browser emulators from the browser you're developing on. See [Browser emulators](#browser-emulators), below. +* **Browser emulators** help you to quickly test how your website looks and behave at different screen sizes and resolutions, with touch event emulation, and by overriding the User-Agent string that the browser sends. You use browser emulators from the browser you're developing on. See [Browser emulators](#browser-emulators), below. * **Device emulators and simulators** enable you to run other devices from the device you're developing on and test your website on these other devices. See [Device emulators and simulators](#device-emulators-and-simulators), below. -* **Cloud-based emulators** enable you to run automated tests for your site across different platforms. See [Cloud-based emulators and simulators](#cloud-based-emulators-and-simulators), below. +* **Cloud-based emulators** enable you to run automated tests for your website across different platforms. See [Cloud-based emulators and simulators](#cloud-based-emulators-and-simulators), below. ## Browser emulators -Browser emulators are great for testing the way your site looks and behaves at different screen sizes and resolutions, or when touch events are enabled, or when the user-agent string is set to another browser's user-agent string. +Browser emulators are great for testing the way your website looks and behaves at different screen sizes and resolutions, or when touch events are enabled, or when the User-Agent string is set to another browser's User-Agent string. -You use browser emulators from the browser you're developing on. For example, in Microsoft Edge, you can use the **Device Emulation** tool in DevTools to get an approximation of how your site looks and behaves on different devices. See [Emulate mobile devices (Device Emulation)](./index.md) for more information on how to use the **Device Emulation** tool in Microsoft Edge DevTools. +You use browser emulators from the browser you're developing on. For example, in Microsoft Edge, you can use the **Device Emulation** tool in DevTools to get an approximation of how your website looks and behaves on different devices. For more information on how to use the **Device Emulation** tool in Microsoft Edge DevTools, see [Emulate mobile devices (Device Emulation)](./index.md). -Browser emulators don't emulate differences in web API or CSS support. For example, the **Device Emulation** tool in Microsoft Edge doesn't emulate how the different web APIs or CSS features that your site might be using are supported in Firefox or Safari. Test your site on browsers running on real devices, to be certain everything behaves as expected. +Browser emulators don't emulate differences in web API support or CSS support. For example, the **Device Emulation** tool in Microsoft Edge doesn't emulate how the different web APIs or CSS features that your site might be using are supported in Firefox or Safari. To be certain everything behaves as expected, test your site on browsers running on real devices. -Here are some browser emulators you can use to test your site on other browsers: +Here are some browser emulators you can use to test your website on other browsers: * [Firefox Responsive Design Mode](https://firefox-source-docs.mozilla.org/devtools-user/responsive_design_mode/index.html). * [Chrome Device Mode](https://developer.chrome.com/docs/devtools/device-mode). @@ -57,19 +57,28 @@ Here are some browser emulators you can use to test your site on other browsers: ## 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 specific integration with the operating system, such as form input with mobile device keyboards. +Device simulators and emulators simulate the entire device, rather than just simulating the browser environment. Each simulator is useful to test aspects that require integration with the particular operating system, such as form input by using mobile device keyboards. -You install device emulators and simulators on your development machine. You can therefore continue to test your website on the same machine where you're developing, while simulating the experience of using a different device. +You install device emulators and simulators on your development machine, so that you can continue to test your website on the same machine on which you're developing, while simulating the experience of using a different device. #### 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. +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 are covered 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](https://developer.android.com/sdk/installing/studio.html). Then follow the instructions to [set up a virtual device](https://developer.android.com/tools/devices/managing-avds.html) and [start the emulator](https://developer.android.com/tools/devices/emulator.html). -After your emulator is booted, select the **Browser** icon, and test your site on the old Stock Browser for Android. +To use the Android emulator: +1. Download the Android emulator, which is packaged as part of the Android SDK, by downloading [Android Studio](https://developer.android.com/sdk/installing/studio.html). + +1. Set up a virtual device, by following the steps in [Create and manage virtual devices](https://developer.android.com/tools/devices/managing-avds.html). + +1. Start the emulator, by following the steps in [Run apps on the Android Emulator](https://developer.android.com/tools/devices/emulator.html). + +1. After your emulator is booted, select the **Browser** icon, and test your website 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: @@ -80,8 +89,10 @@ chmod u+x ./chromium-android-installer/*.sh ./chromium-android-installer/install-chromeandroid.sh ``` -Now you can test your site with the Chromium Content Shell. +Now you can test your website 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. @@ -102,13 +113,13 @@ The iOS simulator for Mac OS X comes with Xcode, which you [install from the App When you are done, learn how to work with the simulator through [Apple Developer documentation](https://help.apple.com/simulator/mac/current). -To avoid having to open Xcode every time you want to use the iOS Simulator, open the iOS Simulator, right-click the iOS Simulator icon in your dock, and then select **Keep in Dock**. Now just click the icon whenever you need it. +To avoid having to open Xcode every time you want to use the iOS Simulator, open the iOS Simulator, right-click the iOS Simulator icon in your dock, and then select **Keep in Dock**. Now you can just click the icon whenever you need it. #### Virtual machines -To test your site on other operating systems, you can run virtual machines on your development device. For example, **Hyper-V** is a virtualization tool that lets you run various versions of Windows and Linux. To learn more, see [Introduction to Hyper-V on Windows 10](/virtualization/hyper-v-on-windows/about/). +To test your website on other operating systems, you can run virtual machines on your development device. For example, **Hyper-V** is a virtualization tool that lets you run various versions of Windows and Linux. To learn more, see [Introduction to Hyper-V on Windows 10](/virtualization/hyper-v-on-windows/about/). For other virtual machines, see [Virtual machines](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#virtual_machines) in _Strategies for carrying out testing_ at MDN. @@ -123,9 +134,30 @@ See [Emulators](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross ## See also + * [Emulate mobile devices (Device Emulation)](./index.md) -* [Strategies for carrying out testing](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies) at MDN. +* [Introduction to Hyper-V on Windows 10](/virtualization/hyper-v-on-windows/about/) + +Responsive design: +* [Responsive Design Mode](https://firefox-source-docs.mozilla.org/devtools-user/responsive_design_mode/index.html) - Firefox. +* [Simulate mobile devices with device mode](https://developer.chrome.com/docs/devtools/device-mode) - Chrome. +* [Responsive Design Mode](https://developer.apple.com/documentation/safari-developer-tools/responsive-design-mode) - Safari. + +Android: +* [Android Studio](https://developer.android.com/sdk/installing/studio.html) +* [Create and manage virtual devices](https://developer.android.com/tools/devices/managing-avds.html) - to set up a virtual device. +* [Run apps on the Android Emulator](https://developer.android.com/tools/devices/emulator.html) - to start the emulator. +* [Choose which Firefox Browser to download in your language: Firefox Android Beta](https://www.mozilla.org/firefox/all/#product-android-beta) - to download the correct .apk file. + +Apple: +* [Xcode](https://itunes.apple.com/app/xcode/id497799835) +* [Simulator Help](https://help.apple.com/simulator/mac/current) + +MDN: +* [Strategies for carrying out testing](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies) at MDN. + * [Emulators](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#emulators) + * [Virtual machines](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#virtual_machines) From 5e2dc87e9e8c767cc45236b090dd9f7866c8688d Mon Sep 17 00:00:00 2001 From: Michael Hoffman Date: Wed, 17 Jul 2024 08:46:53 -0700 Subject: [PATCH 6/6] polish Summary list items 1&2 --- .../device-mode/testing-other-browsers.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md index abcf403654..767545284d 100644 --- a/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md +++ b/microsoft-edge/devtools-guide-chromium/device-mode/testing-other-browsers.md @@ -31,11 +31,11 @@ To make sure your website works for all your users, test your website on other b There are several different levels of testing that you can do to test your website under different conditions: -* **Browser emulators** help you to quickly test how your website looks and behave at different screen sizes and resolutions, with touch event emulation, and by overriding the User-Agent string that the browser sends. You use browser emulators from the browser you're developing on. See [Browser emulators](#browser-emulators), below. +* **Browser emulators** help you to quickly test how your website looks and behaves at different screen sizes and resolutions, with touch event emulation, and by overriding the User-Agent string that the browser sends. You use browser emulators from the browser that you're developing on. See [Browser emulators](#browser-emulators), below. -* **Device emulators and simulators** enable you to run other devices from the device you're developing on and test your website on these other devices. See [Device emulators and simulators](#device-emulators-and-simulators), below. +* **Device emulators and simulators** enable you to run other devices from your development machine and test your website as if you were using these other devices. See [Device emulators and simulators](#device-emulators-and-simulators), below. -* **Cloud-based emulators** enable you to run automated tests for your website across different platforms. See [Cloud-based emulators and simulators](#cloud-based-emulators-and-simulators), below. +* **Cloud-based emulators** enable you to run automated tests for your website across different platforms. See [Cloud-based emulators and simulators](#cloud-based-emulators-and-simulators), below.