How to open Rendering Tool in Edge

The tool is present in DevTools you can open it by pressing F12 or “Ctrl+Shift+I” or right-clicking on the webpage and then pressing inspect from the context menu that appears. In DevTools, there are multiple ways to open the tool, which are:

Using the Add button: At the end of the main toolbar, you will find an Add button. Click the add button and select rendering from the list of tools that pops up.

Using More Tools: In the top-right corner of DevTools, click the three dots. Then navigate to More Tools > Rendering from the menu that appears.

Using Run Command: Press the shortcut key “Ctrl+Shift+P” or select Run Command from the menu in the three dots button, which is present in the top-right corner of DevTools. The Run Command search menu will appear. In that, type Rendering, and then select Show Rendering from the list of options that appears.

Multiple ways of opening Rendering Tool

Rendering Tool in Microsoft Edge Browser

The Rendering Tool provides various checkboxes and options to render the web page in different ways, which helps developers test the page for layout and design. You will also find various CSS options and various vision deficiencies that you can emulate using this tool.

Similar Reads

Benefits of a Rendering Tool

The various benefits of the tool are:...

How to open Rendering Tool in Edge

The tool is present in DevTools you can open it by pressing F12 or “Ctrl+Shift+I” or right-clicking on the webpage and then pressing inspect from the context menu that appears. In DevTools, there are multiple ways to open the tool, which are:...

Various options in Rendering Tool

The tool provides various checkboxes and emulates options. All of these options can be separated into three sections: rendering checkboxes, emulating options, and image format checkboxes....

Showing usage of Rendering Tool

Let’s visit the GFG site and use the tool to inspect and emulate various options related to rendering and colors....

Conclusion

To test a site for various layout and design issues, developers do not need to use multiple devices to test the web page; they can use the Rendering Tool. The tool allows you to emulate various CSS states and visual deficiencies and provide information about the layout of the web page....