Steps to open the Coverage Tool in Edge

The Coverage Tool is present in DevTools in the Edge browser. To open it, follow these steps:

Step 1: Right-click on the web page and then press Inspect to open DevTools.

Step 2: In the DevTools, press the add button present at the end of the tabs at the top of the DevTools. A list of tools will pop up, and from the list select Coverage.

Opening Coverage Tool

Coverage Tool in Microsoft Edge Browser

The Coverage Tool is a very basic tool that displays various files requested by the webpage to the server. It provides various information about the file such as URL, type, total bytes, and unused bytes. The tool is mostly used to find out the JS and CSS code that is not being used by the site. This information is very important to remove unwanted or unused code that takes a lot of memory which helps the developers to speed up the web page loading and performance.

Table of Content

  • Benefits of the Coverage Tool
  • Steps to open the Coverage Tool in Edge
  • About the Coverage Tool
  • Example showing uses of Coverage Tool
  • Conclusion

Similar Reads

Benefits of the Coverage Tool:

The various benefits of the Coverage Tool are:...

Steps to open the Coverage Tool in Edge:

The Coverage Tool is present in DevTools in the Edge browser. To open it, follow these steps:...

About the Coverage Tool:

The various columns in the tool are:...

Example showing uses of Coverage Tool:

As an example, let’s use the Coverage tool on the GFG web page to list out all the various files and filter out the information....

Conclusion:

The web page required a lot of resources, which it requested from various origins, and among them were JS and CSS code. These codes can take up a lot of memory, and some of them may not be used at all, so Edge provides a Coverage tool to list out all these codes along with the respective URL and the unused bytes, which helps a lot to improve the performance of the web page....