Sep 15, 2018 To get started with the mobile version of Microsoft Edge, download it for your iPhone or iPad from the App Store and for your Android phone or tablet from Google Play. More about Mobility 10. Dec 21, 2018 Request Desktop Site By Default in the Edge iPhone App The steps in this article were performed on an iPhone 7 Plus in iOS 12.1. Note that even though you are requesting the desktop site, it’s still possible that the site’s server will display the mobile version of the site instead. Download a1-811 driver. Jan 16, 2019 While Safari offers no way, Microsoft Edge lets you configure the default user agent to make that happen easily. If you use an iPad or iPad Pro, this functionality should come in mighty useful on.
-->Use Device emulation to approximate how your page looks and responds on a mobile device. The Microsoft Edge DevTools provide a collection of features to help you emulate mobile devices. The collection includes the following features.
Limitations
Device emulation is a first-order approximation of the look and feel of your page on a mobile device. Device emulation does not actually run your code on a mobile device. Instead you simulate the mobile user experience from your laptop or desktop.
- The version of Edge being used was the most current version of the browser available when the article was written. This will change the browser that Edge uses when you type a search term into the field at the top of the screen. You will still be able to search with any browser yu want by navigating directly to that browser’s URL.
- Microsoft Edge is Microsoft's official web browser. It's also available on both iOS and macOS devices as an alternative to Safari. That means you can use the Edge browser on any iPhone, iPad, iPod touch, or Mac device. Here's how to set up Microsoft Edge on any Apple iOS or macOS device.
Some aspects of mobile devices are never emulated in DevTools. For example, the architecture of mobile CPUs is different than the architecture of laptop or desktop CPUs. When in doubt, your best bet is to actually run your page on a mobile device. Use Remote Debugging to interact with the code of a page from your machine while your page actually runs on a mobile device. You may view, change, debug, profile, or all four while you interact with the code. Your machine may be a notebook or desktop computer.
Simulate a mobile viewport
Choose Toggle device emulation () or choose Customize and control DevTools (..
) > Device emulation to open the UI that enables you to simulate a mobile viewport.
By default the Device Toolbar opens in Responsive Viewport Mode.
Responsive Viewport Mode
To quickly test the look and feel of your page across multiple screen sizes, drag the handles to resize the viewport to your required dimensions. You may also enter specific values in the width and height boxes. In the following figure, the width is set to 626
and the height is set to 516
.
Show media queries
If you have defined media queries on your page, jump to the viewport dimensions where those media queries take effect by showing media query breakpoints above your viewport. Choose More options > Show media queries.
Choose a breakpoint to change the width of the viewport so that the media query gets triggered.
Set the device type
Use the Device Type list to simulate a mobile device or desktop device.
The following table describes the differences between the available device type options. The Rendering method column refers to whether Microsoft Edge renders the page as a mobile or desktop viewport. The Cursor icon column refers to what type of cursor is displayed when you hover on the page. The Events triggered column refers to whether the page triggers touch
or click
events when you interact with the page.
Option | Rendering method | Cursor icon | Events triggered |
---|---|---|---|
Mobile | Mobile | Circle | touch |
Mobile (no touch) | Mobile | Normal | choose |
Desktop | Desktop | Normal | choose |
Desktop (touch) | Desktop | Circle | touch |
Note
If the Device Type list is not displayed, choose More options > Add device type.
Mobile Device Viewport Mode
To simulate the dimensions of a specific mobile device, select the device from the Device list.
Rotate the viewport to landscape orientation
Test your webpage in landscape orientation.
To rotate the viewport to landscape orientation, choose Rotate ().
Note
The Rotate button disappears if your Device Toolbar is narrow.
For more information, navigate to Set orientation.
Show device frame
Display the physical device frame around the viewport when you simulate the dimensions of a specific mobile device such as an iPhone 6.
- Open More options.
- Choose Show device frame.
Note
If a device frame for a particular device is not displayed, it means that DevTools does not have art for the option.
Add a custom mobile device
If the mobile device option that you need is not included on the default list, you may add a custom device. To add a custom device, complete the following steps.
Choose the Device list > Edit.
Choose Add custom device.
On Emulated Devices, enter a device name, screen width, and screen height for the custom device. The device pixel ratio, user agent string, and device type fields are optional. The device type field defaults to Mobile.
Show rulers
If you need to measure screen dimensions, you may use rulers to measure the screen size in pixels. Choose More options > Show rulers to display rulers above and to the left of your viewport.
Zoom the viewport
To test the look and feel of your page at multiple zoom levels, use the Zoom list to zoom in or out.
Throttle the network and CPU
Mobile devices often have network and CPU constraints. Ensure you test how quickly your page loads and how it responds at different internet and CPU speeds.
Throttle the network and CPU.
- Choose Throttle list and change the preset to Mid-tier mobile or Low-end mobile.
- Mid-tier mobile simulates
fast 3G
and throttles your CPU. It is four times slower than normal. - Low-end mobile simulates
slow 3G
and throttles your CPU. It is six times slower than normal.
- Mid-tier mobile simulates
All of the throttling is based upon the normal capability of your laptop or desktop.
Note
If the Throttle list is hidden, your Device Toolbar is too narrow. To access the Throttle list, increase the width of the Device Toolbar.
Throttle the CPU only
To throttle the CPU only and not the network, complete the following steps.
Choose the Performance panel, and choose Capture Settings ().
Choose CPU > 4x slowdown or 6x slowdown.
Throttle the network only
To throttle the network only, complete the following steps.
Choose the Network tool. Agfeo as 151 drivers download for windows 10, 8.1, 7, vista, xp.
Choose Online > Fast 3G or Slow 3G.
Or select
Control
+Shift
+P
(Windows, Linux) orCommand
+Shift
+P
(macOS) to open the Command Menu, type3G
, and choose Enable fast 3G throttling or Enable slow 3G throttling.
You may also set network throttling from the Performance panel.
Choose Capture Settings () and choose the Network list and change the preset to Fast 3G or Slow 3G.
Override geolocation
If your page depends on geolocation information from a mobile device to render properly, provide different geolocations using the geolocation overriding UI.
- Choose Customize and control DevTools (
..
) > More tools > Sensors.
- Open the Command Menu.
- Select
Control
+Shift
+P
(Windows, Linux) orCommand
+Shift
+P
(macOS).
- Type
Sensors
, and choose Show Sensors.
On the Sensors panel, you may select one of the preset locations included in DevTools using the Location drop-down menu. To enter a custom location, choose Other… and enter the coordinates of your custom location. To test your page in an error state when location information is unavailable, choose Location unavailable.
Set orientation
If your page depends on orientation information from a mobile device to render properly, open the orientation UI.
- Choose Customize and control DevTools (
..
) > More tools > Sensors.
- Open the Command Menu.
- Select
Control
+Shift
+P
(Windows, Linux) orCommand
+Shift
+P
(macOS).
- Type
Sensors
, and choose Show Sensors.
On the Sensors panel, you may select a preset orientation from the Orientation drop-down menu. To enter your own orientation, choose Custom orientation, and enter your own alpha, beta, and gamma values.
Set user agent string
Microsoft Edge Ipad Full Screen
If your page depends on the user agent string from a mobile device to render properly, use the Network conditions panel to provide different user agent strings.
- Choose Customize and control DevTools (
..
) > More tools > Network conditions.
- Open the Command Menu.
- Select
Control
+Shift
+P
(Windows, Linux) orCommand
+Shift
+P
(macOS).
- Type
Network conditions
, and choose Show Network conditions.
Next to User agent, clear the Select automatically checkbox. Then, choose Custom.. to select from a list of predefined user agent strings. To enter your own user agent string, enter the string in Enter a custom user agent.
Getting in touch with the Microsoft Edge DevTools team
Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.
- Send your feedback using the Send Feedback icon or select
Alt
+Shift
+I
(Windows, Linux) orOption
+Shift
+I
(macOS) in DevTools. - Tweet at @EdgeDevTools.
- Submit a suggestion to The Web We Want.
- To file bugs about this article, use the following Feedback section.
Microsoft Edge On Ipad
Note
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
This work is licensed under a Creative Commons Attribution 4.0 International License.
Microsoft is building a new mode for its Edge browser designed to improve performance, and in this guide, we'll show you the steps to enable it.
Performance Mode on Microsoft Edge is a new feature the software giant is building that allows the browser to use less memory, processor, and battery to boost system performance, which will be especially helpful on the best Windows laptops.
Microsoft is not detailing a lot of information. However, the new option is part of the Optimize Performance settings and works alongside Sleeping Tabs (another feature on the Chromium version of the browser that helps reduce system resources by putting inactive tabs to sleep until you return to them) since enabling Performance Mode will deactivate the timeout setting and configure tabs to sleep after five minutes of inactivity.
The feature is not yet available in the stable release of Edge. Instead, Microsoft is making it available with version 91.0.856.0 in the Canary channel as a controlled feature, which means that only a select number of testers are getting it automatically. However, the company is making it possible for anyone to enable the feature with a specific line of code.
In this Windows 10 guide, we will walk you through the steps to enable and configure the new Performance Mode on Microsoft Edge.
Jump to:
- How to enable Performance Mode
- How to turn on Performance Mode setting
- How to install Canary version of Microsoft Edge
How to enable Performance Mode feature on Microsoft Edge
To enable Performance Mode on Microsoft Edge, use these steps:
- Open Microsoft Edge (version 91 or higher).
- Click the Settings and more (three-dotted) menu.
Click the Settings option.
© Provided by Windows Central- Click on System.
Under the 'Optimize Performance' section, use the Performance Mode drop-down menu and select the Always On option.
© Provided by Windows Central
Once you complete the steps, Microsoft Edge will load a specific set of configurations and leverage the Sleeping Tab feature to improve the system performance while browsing.
If you no longer want to use the feature, you can use the same instructions to disable it, but on step 5, make sure to select the Always off option.
How to turn on Performance Mode setting on Microsoft Edge
The new performance feature is still a work in progress, but it is rolling out as a controlled feature, which means that not everyone will get it automatically during the initial testing phase. However, you can force the browser to make the option available with a simple piece of code.
To turn on the Performance Mode option in the Edge settings page, use these steps:
Right-click the Microsoft Edge icon and select the Properties option.
© Provided by Windows CentralQuick note: If you have the icon pinned to the taskbar, right-click it, right-click the Microsoft Edge Canary item, and then select the Properties option.
- Click the Shortcut tab.
In the 'Target' field, at the end of the path, add an space, and append this line of code:
--enable-features=msPerformanceModeToggle
The line should look like this: 'C:UsersUSERACCOUNTAppDataLocalMicrosoftEdge SxSApplicationmsedge.exe' --profile-directory=Default --enable-features=msPerformanceModeToggle
© Provided by Windows Central- Click the Apply button.
- Click the OK button.
After you complete the steps, you can use the previous instructions to enable the feature on the browser.
If you want to revert the changes, you can use the instructions outlined above, but on step 3, make sure to remove the --enable-features=msPerformanceModeToggle line of code.
How to install Canary version of Microsoft Edge
If you do not have the version of the browser, you can download it from the Microsoft Edge Insider Channels page.
To install Edge Canary on Windows 10, use these steps:
- Open Edge Insider page.
Under the 'Canary Channel' section, click the Download button for Windows 10.
© Provided by Windows Central- Click the Accept and download button.
Click the Open button to launch the installer.
© Provided by Windows Central- Click the Close button.
Once you complete the steps, the Canary version of the browser will download and install automatically on the device. If you plan to use this version for a while, you can right-click the icon and select the 'Pinned to taskbar' option.
More Windows 10 resources
For more helpful articles, coverage, and answers to common questions about Windows 10, visit the following resources: