Limoloading667

-->

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.

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.

1. If your question is why Microsoft Edge doesn't have options to emulate Internet Explorer, that's simply because they're two different browsers. In fact, Trident and EdgeHTML are even more different than WebKit and Blink. Compatibility issues aside (Trident isn't going to work on UWP), it simply doesn't make sense to offer IE.
2. IE mode allows enterprises to specify a list of web sites that only work in Internet Explorer 11. When you navigate to these web sites in Microsoft Edge (Chromium), an instance of Internet Explorer 11 runs and renders the site in a tab.

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

How i can set default emulation IE to Edge? In F12 i have selected IE7 and i dont know how return Edge. Default internet-explorer-11 emulation ie11-developer-tools. Follow asked Apr 3 '14 at 15:36. 2,860 1 1 gold badge 24 24 silver badges 38 38 bronze badges. EdgeHTML emulation. To emulate Windows Phones, use the Microsoft Edge (EdgeHTML) built-in emulation. Use IE 11 Emulation to simulate how your page may look in older versions of Internet Explorer. Device emulators and simulators. Device simulators and emulators simulate not just the browser environment but the entire device.

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.

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.

1. Open More options.
2. 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.

1. Choose the Device list > Edit.

2. Choose Add custom device.

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

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

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.

1. Choose the Performance panel, and choose Capture Settings ().

2. Choose CPU > 4x slowdown or 6x slowdown.

Throttle the network only

To throttle the network only, complete the following steps.

1. Choose the Network tool.

2. Choose Online > Fast 3G or Slow 3G.

   Or select Control+Shift+P (Windows, Linux) or Command+Shift+P (macOS) to open the Command Menu, type 3G, and choose Enable fast 3G throttling or Enable slow 3G throttling.

You may also set network throttling from the Performance panel.

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

1. Choose Customize and control DevTools (..) > More tools > Sensors.

1. Open the Command Menu.

• Select Control+Shift+P (Windows, Linux) or Command+Shift+P (macOS).

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

1. Choose Customize and control DevTools (..) > More tools > Sensors.

1. Open the Command Menu.

• Select Control+Shift+P (Windows, Linux) or Command+Shift+P (macOS).

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

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.

1. Choose Customize and control DevTools (..) > More tools > Network conditions.

1. Open the Command Menu.

• Select Control+Shift+P (Windows, Linux) or Command+Shift+P (macOS).

1. 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) or Option+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.

Note

How To Run Edge In Ie Mode

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). Qvod download for mac.

This work is licensed under a Creative Commons Attribution 4.0 International License.

Important

Microsoft 365 apps and services will not support Internet Explorer 11 starting August 17, 2021 (Microsoft Teams will not support Internet Explorer 11 earlier, starting November 30, 2020). Learn more. Please note that Internet Explorer 11 will remain a supported browser. Internet Explorer 11 is a component of the Windows operating system and follows the Lifecycle Policy for the product on which it is installed.

Find out how to achieve better backward compatibility for your legacy web applications with the Enterprise Mode Site List.

Jump to:

Enterprise Mode for Internet Explorer 11 can be very effective in providing backward compatibility for older web apps. The Enterprise Mode Site List includes the ability to put any web app in any document mode, include IE8 and IE7 Enterprise Modes, without changing a single line of code on the website.

Sites in the <docMode> section can be rendered in any document mode, as shown in blue above. Some sites designed for older versions of Internet Explorer may require better backward compatibility, and these can leverage the <emie> section of the Enterprise Mode Site List. IE8 Enterprise Mode provides higher-fidelity emulation for Internet Explorer 8 by using, among other improvements, the original Internet Explorer 8 user agent string. IE7 Enterprise Mode further improves emulation by adding Compatibility View.

Compatibility View, first introduced with Internet Explorer 8, is basically a switch. If a webpage has no DOCTYPE, that page will be rendered in Internet Explorer 5 mode. If there is a DOCTYPE, the page will be rendered in Internet Explorer 7 mode. You can effectively get Compatibility View by specifying Internet Explorer 7 in the <docMode> section, as this falls back to Internet Explorer 5 automatically if there's no DOCTYPE, or you can use IE7 Enterprise Mode for even better emulation.

Tips for IT professionals

Inventory your sites

Upgrading to a new browser can be a time-consuming and potentially costly venture. To help reduce these costs, you can download the Enterprise Site Discovery Toolkit, which can help you prioritize which sites you should be testing based on their usage in your enterprise. For example, if the data shows that no one is visiting a particular legacy web app, you may not need to test or fix it. The toolkit is supported on Internet Explorer 8, Internet Explorer 9, Internet Explorer 10, and Internet Explorer 11. The toolkit also gives you information about which document mode a page runs in your current browser so you can better understand how to fix that site if it breaks in a newer version of the browser.

Once you know which sites to test and fix, the following remediation methods may help fix your compatibility issues in Internet Explorer 11 and Windows 10.

If you're on Internet Explorer 8 and upgrading to Internet Explorer 11:

Use the Enterprise Mode Site List to add sites to the Internet Explorer 5, Internet Explorer 7, and Internet Explorer 8 documents modes, as well as IE8 Enterprise Mode and IE7 Enterprise Mode.

• Sites with the x-ua-compatible meta tag or HTTP header set to 'IE=edge' may break in Internet Explorer 11 and need to be set to Internet Explorer 8 mode. This is because 'edge' in Internet Explorer 8 meant Internet Explorer 8 mode, but 'edge' in Internet Explorer 11 means Internet Explorer 11 mode.

• Sites without a DOCTYPE in zones other than Intranet will default to QME (or 'interoperable quirks') rather than Internet Explorer 5 Quirks and may need to be set to Internet Explorer 5 mode.

• Some sites may need to be added to both Enterprise Mode and Compatibility View to work. You can do this by adding the site to IE7 Enterprise Mode.

If you're on Internet Explorer 9 and upgrading to Internet Explorer 11:

Use the Enterprise Mode Site List to add sites to the Internet Explorer 5, Internet Explorer 7, and Internet Explorer 9 document modes.

• Sites with the x-ua-compatible meta tag or HTTP header set to 'IE=edge' may break in Internet Explorer 11 and need to be set to Internet Explorer 9 mode. This is because 'edge' in Internet Explorer 9 meant Internet Explorer 9 mode, but 'edge' in Internet Explorer 11 means Internet Explorer 11 mode.

• Sites without a DOCTYPE in zones other than Intranet will default to Interoperable Quirks rather than Internet Explorer 5 Quirks and may need to be set to Internet Explorer 5 mode.

• If your sites worked in Internet Explorer 9, you won't need IE8 Enterprise Mode or IE7 Enterprise Mode.

If you're on Internet Explorer 10 and upgrading to Internet Explorer 11:

Use the Enterprise Mode Site List to add sites to the Internet Explorer 5, Internet Explorer 7, and Internet Explorer 10 modes.

• X86 instruction set cheat sheet pdf. Sites with the x-ua-compatible meta tag or HTTP header set to 'IE=edge' may break in Internet Explorer 11 and need to be set to Internet Explorer 10 mode. This is because 'edge' in Internet Explorer 10 meant Internet Explorer 10 mode, but 'edge' in Internet Explorer 11 means Internet Explorer 11 mode.

• If your sites worked in Internet Explorer 10, you won't need IE8 Enterprise Mode or IE7 Enterprise Mode.

If you're on Internet Explorer 11 and upgrading to Windows 10:

You're all set! You shouldn’t need to make any changes.

Tips for web developers

If your website worked in an older version of Internet Explorer, but no longer works in Internet Explorer 11, you may need to update the site. Here are the set of steps you should take to find the appropriate remediation strategy.

Try document modes

To see if the site works in the Internet Explorer 5, Internet Explorer 7, Internet Explorer 8, Internet Explorer 9, Internet Explorer 10, or Internet Explorer 11 document modes:

• Open the site in Internet Explorer 11, load the F12 tools by pressing the F12 key or by selecting F12 Developer Tools from the Tools menu, and select the Emulation tab.

• Run the site in each document mode until you find the mode in which the site works.

  Note

  You will need to make sure the User agent string dropdown matches the same browser version as the Document mode dropdown. For example, if you were testing to see if the site works in Internet Explorer 10, you should update the Document mode dropdown to 10 and the User agent string dropdown to Internet Explorer 10.

• If you find a mode in which your site works, you will need to add the site domain, sub-domain, or URL to the Enterprise Mode Site List for the document mode in which the site works, or ask the IT administrator to do so. You can add the x-ua-compatible meta tag or HTTP header as well.

Try IE8 Enterprise Mode

If a document mode didn't fix your site, try IE8 Enterprise Mode, which benefits sites written for Internet Explorer 5, Internet Explorer 7, and Internet Explorer 8 document modes.

• Enable the Let users turn on and use Enterprise Mode from the Tools menu policy locally on your machine. To do this:

  • Search for and run gpedit.msc

  • Navigate to Computer Configuration > Administrative Template > Windows Components > Internet Explorer.

  • Enable the Let users turn on and use Enterprise Mode from the Tools menu Group Policy setting.

  After making this change, run gpupdate.exe /force to make sure the setting is applied locally. You should also make sure to disable this setting once you're done testing. Alternately, you can use a regkey; see Turn on local control and logging for Enterprise Mode for more information.

• Restart Internet Explorer 11 and open the site you're testing, then go to Emulation tab in the F12 Developer Tools and select Enterprise from the Browser profile dropdown. If the site works, inform the IT administrator that the site needs to be added to the IE8 Enterprise Mode section.

Try IE7 Enterprise Mode

If IE8 Enterprise Mode doesn't work, IE7 Enterprise Mode will give you the Compatibility View behavior that shipped with Internet Explorer 8 with Enterprise Mode. To try this approach:

• Go to the Tools menu, select Compatibility View Settings, and add the site to the list.

• Go to Emulation tab in the F12 Developer Tools and select Enterprise from the Browser profile dropdown.

If the site works, inform the IT administrator that the site needs to be added to the IE7 Enterprise Mode section.

Note

Adding the same Web path to the Enterprise Mode and sections of the Enterprise Mode Site List will not work, but we will address this in a future update.

Enable Ie Mode Missing In Edge

Update the site for modern web standards

We recommend that enterprise customers focus their new development on established, modern web standards for better performance and interoperability across devices, and avoid developing sites in older Internet Explorer document modes. We often hear that, due to fact that the Intranet zone defaults to Compatibility View, web developers inadvertently create new sites in the Internet Explorer 7 or Internet Explorer 5 modes in the Intranet zone, depending on whether or not they used a DOCTYPE. As you move your web apps to modern standards, you can enable the Turn on Internet Explorer Standards Mode for local intranet Group Policy setting and add those sites that need Internet Explorer 5 or Internet Explorer 7 modes to the Site List. Of course, it is always a good idea to test the app to ensure that these settings work for your environment.

Related resources