Glimpse-ASP.NETプロジェクトのサーバー側firebug

ASP.NET開発者には、自分の生活を楽にするユニークなツールがあります。 Web開発愛好家によって作成されたオープンソースプロジェクトGlimpseは、一般的なfirebugデバッグツール(Firefoxの拡張機能)のサーバーバージョンと呼ばれるものを提供します。

Glimpseは、ASP.NETベースのプロジェクトに追加して、Webアプリケーションの実行中に豊富なデバッグサーバー情報を取得できる拡張機能です。

image

図に示すパネルは、任意のブラウザーのブックマークレットを使用してインストールされます。 サーバー側のアプリケーションの操作に関する多くの重要な情報を提供します。 含む:現在の多くのツールと同様に、GlimpseはNuGetパッケージマネージャーを使用して簡単に無人インストールできます。 インストールおよび使用プロセスを詳細に検討してください。

映像


まず、公式のGlimpse Webサイトでビデオを見ることができます。ここでは、作者が彼のプロジェクトについて語っています。



Glimpseをインストールする


シンプルなASP.NET MVCプロジェクトを作成するか、Visual Studio 2010で既存のプロジェクトを開きます。Glimpseをインストールするには、1つのNuGetコマンドを使用します。

>インストールパッケージの概要

image

GUIを使用し、メニュー項目「ライブラリパッケージ参照の追加」からGlimpseパッケージをインストールできます。

image

インストール後、GlimpseはWebアプリケーションですぐに使用可能になります。

Glimpse Launch


アプリケーションを起動し、 your_address_address / glimpse / configに移動します。 Glimpseパネルが表示され、Glimpseコンソールをアクティブにし、ブラウザにブックマークレットを追加してすばやくアクティブにすることができます。

image

Glimpseコンソールを有効にするには、「Climpseをオンにする」ボタンをクリックするだけです。 このボタンをブラウザーのクイック起動バーにドラッグして、構成ページに移動せずにそこからGlimpseをアクティブにすることができます。

アプリケーションのメインページに戻ると、非表示のGlimpseパネルのアイコンが表示されます。

image

アイコンをクリックすると、コンソールにアクセスできます。

image

Glimpseを使用する


Glimpseコンソールでの作業は、通常の開発者ツールでの作業と変わりません。 タブを使用して、さまざまな情報のあるパネルをナビゲートします。

たとえば、[ルート]タブに移動すると、ページの処理に使用されたルートに関する情報が表示されます。 MVCプロジェクトの場合、デフォルトでは、パネルに次の情報が表示されます。

image

ルートの処理順序と選択されたルートを確認できます。これらのルートは、構成に関する詳細情報を含むページを形成するために使用されました。

Ajaxリクエストを処理するには、別の説明が必要です。 [XHRequests]タブには、完了したリクエストのリストがページに表示されます。

image

特定のリクエストのデータの調査を開始するには、起動リンクを使用して選択する必要があります。 その後、Glimpseステータスバーの値が変更され、Ajaxリクエストのデータを使用した操作が示されます。

image

これで、この特定のリクエストに関連するサーバー側およびその他のデータを調べることができます。

image

ページ全体でデータの操作に戻るには、[XHRequests]タブで[リセット]リンクを選択します。

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


All Articles