How to open Application Tool in Microsoft Edge:

The tool is present in DevTools and you can open DevTools 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 Add button: At the end of the main toolbar will find an add button. Click that add button and select the Application from the list of tools that pops up.

Opening Application tab using add button

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

Opening Application tab using more tools option

  • 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 of application, and then select Show Application from the list of options that appears.

Application Tool in Microsoft Edge Browser

The application tool provides all kinds of information about a web app, which helps the developers get an idea related to the web app. Some of this information is manifest, service workers, storage, etc., which you can use to check for background processes and test for PWA. The application tool provides information under various categories, which are application, storage, background services, preloading, and frames.

Similar Reads

Benefits of Application Tool:

The tool provides various information about the web app services and storage. The tool benefits are:...

When to use the Application Tool:

Manipulating of storage: There are many types of storage methods that a web page can use such as local storage, cookies, session storage, etc. This storage can be manipulated or viewed using the application tool. Background services information: The various services working in the background with respect to the service worker are displayed in the tool and this information is about cache, sync, fetch, payment handler, etc. PWA testing and debugging: The manifest, service worker, and other information provided by the tool can be used to debug the site as a PWA. The various features of PWA are offline usage, notifications, installation, etc....

How to open Application Tool in Microsoft Edge:

The tool is present in DevTools and you can open DevTools 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 Categories in Application Tool:

The various features related to web apps are categorized under different categories in the sidebar. There are 5 categories which are Application, Storage, Background services, Preloading, and Frames....

Showing usage of the Application tool:

Let’s visit the GEEKSFORGEEKS Website and use the application tool to view the site for various information....

Conclusion

The tool is an umbrella for working with many web app-related features. The storage, manifest, and various services of the webpage can be viewed and to an extent edited to debug and test the site. This tab is very important for developers who want to build their website to be a PWA or to have some features related to PWA....