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]タブで[リセット]リンクを選択します。



All Articles