📜 ⬆️ ⬇️

Glimpse - server "firebug" for ASP.NET projects

ASP.NET developers got a unique tool that can make their lives easier. The open source project Glimpse created by a web development enthusiast offers what can be called the server version of the popular debugging tool firebug (extension for Firefox).

Glimpse is an extension that you can add to an ASP.NET-based project and get rich debugging server information while the web application is running.

image
')
The panel presented in the figure is installed using the bookmarklet for any browser. It offers a lot of important information about the application on the server side . Including:Like many tools today, Glimpse is available for easy, automatic installation through the NuGet batch manager. Consider in detail the process of installation and use.

Video


First of all, you can watch the video on the official site of Glimpse, in which the author tells about his project:



Install Glimpse


Create a simple ASP.NET MVC project or open an existing one in Visual Studio 2010. To install Glimpse, just use one NuGet command:

> install-package glimpse

image

You can use the GUI and install the Glimpse package through the “Add Library Package Reference” menu item:

image

Once installed, Glimpse becomes immediately available in your web application.

Running glimpse


Start your application and go to your app_address / glimpse / config . You will be taken to the Glimpse panel, which allows you to activate the Glimpse console and add a bookmarklet to your browser for quick activation.

image

To activate the Glimpse console, simply click on the “Turn Climpse On” button. You can drag this button to the browser's quick launch bar in order to activate Glimpse from there without going to the configuration page.

Return to the main page of your application and you will see the icon of the hidden panel Glimpse:

image

By clicking on the icon you get access to the console.

image

Work with Glimpse


Working with the Glimpse console is no different from working with the usual developer tools. Use tabs to navigate through the panels with different information.

For example, go to the Routes tab and you will see information about the routes that were used when processing the page. For the MVC project, by default, the panel will display the following information:

image

You can see the route processing order and the selected route that was used to form a page with detailed information on its configuration.

Working with Ajax requests requires a separate explanation. The XHRequests tab displays a list of completed requests on the page.

image

In order to start exploring the data of a particular query, you must select it using the Launch link. After that, the Glimpse status bar changes its value to indicate that it is working with the Ajax request data:

image

Now you can investigate server and other data related to this particular query:

image

In order to return to working with data on the entire page, select the Reset link on the XHRequests tab.

Source: https://habr.com/ru/post/117685/


All Articles