Tools for debugging Ajax applications in Visual Studio .NET

Creator PDF-417 2d barcode in Visual Studio .NET Tools for debugging Ajax applications

APPENDIX B
Drawing PDF 417 In .NET
Using Barcode encoder for ASP.NET Control to generate, create PDF-417 2d barcode image in ASP.NET applications.
www.OnBarcode.com
USS Code 128 Creator In .NET Framework
Using Barcode printer for ASP.NET Control to generate, create Code 128 image in ASP.NET applications.
www.OnBarcode.com
Tools for debugging Ajax applications
Printing QR Code In .NET
Using Barcode creator for ASP.NET Control to generate, create Quick Response Code image in ASP.NET applications.
www.OnBarcode.com
Encoding Linear In .NET Framework
Using Barcode creation for ASP.NET Control to generate, create Linear 1D Barcode image in ASP.NET applications.
www.OnBarcode.com
Figure B.11
Generating Barcode In .NET
Using Barcode creator for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
Barcode Creator In Visual Studio .NET
Using Barcode creator for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
Web Development Helper appears as an explorer bar at the bottom of the browser.
Barcode Creator In Visual Studio .NET
Using Barcode encoder for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
Leitcode Printer In .NET
Using Barcode encoder for ASP.NET Control to generate, create Leitcode image in ASP.NET applications.
www.OnBarcode.com
B.2.3
Decoding PDF417 In C#
Using Barcode reader for VS .NET Control to read, scan read, scan image in .NET applications.
www.OnBarcode.com
PDF 417 Decoder In None
Using Barcode decoder for Software Control to read, scan read, scan image in Software applications.
www.OnBarcode.com
Inspecting HTTP traffic
Data Matrix 2d Barcode Drawer In Java
Using Barcode printer for Android Control to generate, create Data Matrix 2d barcode image in Android applications.
www.OnBarcode.com
Print Code 3 Of 9 In None
Using Barcode drawer for Online Control to generate, create Code39 image in Online applications.
www.OnBarcode.com
You configure Web Development Helper for HTTP logging by selecting HTTP Logging from the drop-down list in the command bar and selecting the Enable Logging check box. The next time an HTTP request is executed, information about the request and its response from the server are appended into a log window. Figure B.12 shows the initial captured requests from a sample application in chapter 5. You can view additional details about a single request by double-clicking an item in the list. Figure B.13 shows the details of a request made after the Submit button on the form has been clicked. Details about a request are divided into two sections. The top section displays the request header and body information from the transaction. The bottom section details the response payload from the server by providing header and content data, respectively. Selecting the Response Content tab provides UpdatePanel-related
UCC - 12 Maker In None
Using Barcode generation for Office Word Control to generate, create EAN / UCC - 14 image in Microsoft Word applications.
www.OnBarcode.com
ANSI/AIM Code 39 Reader In None
Using Barcode reader for Software Control to read, scan read, scan image in Software applications.
www.OnBarcode.com
APPENDIX B
Scanning UPC-A Supplement 2 In .NET Framework
Using Barcode reader for Visual Studio .NET Control to read, scan read, scan image in .NET framework applications.
www.OnBarcode.com
Making PDF-417 2d Barcode In Java
Using Barcode generation for Java Control to generate, create PDF-417 2d barcode image in Java applications.
www.OnBarcode.com
Tools for debugging Ajax applications
Paint EAN128 In None
Using Barcode printer for Software Control to generate, create EAN / UCC - 13 image in Software applications.
www.OnBarcode.com
Recognize Code 128 Code Set A In .NET
Using Barcode scanner for .NET framework Control to read, scan read, scan image in Visual Studio .NET applications.
www.OnBarcode.com
Figure B.12 Captured HTTP requests made from the browser to the server when the page is initially loaded
PDF417 Encoder In .NET Framework
Using Barcode creation for .NET framework Control to generate, create PDF-417 2d barcode image in Visual Studio .NET applications.
www.OnBarcode.com
Barcode Decoder In Java
Using Barcode Control SDK for Java Control to generate, create, read, scan barcode image in Java applications.
www.OnBarcode.com
Figure B.13 The HTTP Log Viewer splits information about an HTTP transaction into two windows: request information and response information.
APPENDIX B
Tools for debugging Ajax applications
Figure B.14
Web Development Helper offers UpdatePanel-sensitive data on the Response Content tab.
information about the response from the server. Figure B.14 shows some of the ASP.NET AJAX postback-aware data.
B.2.4
Script debugging and tracing
To date, the best debugging experience for JavaScript is available in Visual Studio, which we ll cover later in this appendix. Web Development Helper offers some inplace debugging support that can be helpful as well. To enable script debugging select Script Console from the command bar, and select the Enable Debugging
APPENDIX B
Tools for debugging Ajax applications
Figure B.15 The Script Console divides Web Development Helper into three useful windows: output messages (messages log), immediate window, and commands.
check box. (You don t need to select the check box if all you want to do is view trace messages.) When you select the Script Console option, the bottom portion of the tool divides into three windows, shown in figure B.15. The first window in the console is dedicated to displaying output information such as trace and debug messages. The middle window acts as an immediate window that you can use to execute client script on the fly; with this feature, you can manipulate client-side variables and execute logic at runtime. The last window contains links to shortcuts and commands in the tool, such as clearing the messages log or executing code from the immediate window. To output a trace message, call the trace function in the Sys.Debug object:
Sys.Debug.trace("This is a trace message.");
Another feature of the script console is rich error reporting. By default, when an error is detected, you see a dialog containing helpful information that includes the location and callstack of the exception, as shown in figure B.16. In the Script Error dialog box, you can examine the steps that led to the exception and try to determine its cause. Settings for the error dialog and other features in the tool are available on the Tools menu or by clicking the Console Options button in the command bar. (The Console Options button is the last button on the command bar and has no text associated with it.)
APPENDIX B
Tools for debugging Ajax applications
Figure B.16 Web Development Helper offers rich error reporting that includes location and callstack information.
B.2.5
Page and ASP.NET diagnostics
Selecting Page > DOM Inspector brings up a window in which you can view the current DOM on the page. Figure B.17 shows the DOM Inspector in use.
Figure B.17 The DOM Inspector lets you navigate the page s DOM heirarchy.
APPENDIX B
Tools for debugging Ajax applications
Figure B.18 The ViewState Viewer grants us a number of different options for viewing the ViewState on the page.
With the DOM Inspector, you can observe the attributes, styles, markup (currently selected), and layout of the page. This tool can be a useful alternative to viewing the source generated by the browser. Next up is the ASP.NET menu, which offers options for viewing the ViewState, trace information, and cache used by the current application. When ViewState is selected, the ViewState Viewer window appears. You can use the viewer to navigate between different versions of the data, as shown in figure B.18. Web Development Helper is rich and easy to use. Because of its integration with ASP.NET AJAX and its many features, we highly recommend that you make it part of your toolbox for Ajax and ASP.NET development. Additional documentation is available from the tool s home page.
Copyright © OnBarcode.com . All rights reserved.