'7. Tips/Web Debugging'에 해당되는 글 2건

  1. 2016.02.09 Advanced tips for Chrome Developer Tools
  2. 2014.06.03 [Fiddler] WCF Binary Message Inspector
2016. 2. 9. 23:16

Advanced tips for Chrome Developer Tools

Here are some advanced tips for chrome developer tools.


About Console


You can run javascript function by entering its name. If you set a breakpoint in it, it will work. 





You can see the source code of any function and jump to the definition

: Type a function name without round brackets and hit the enter key then console will show its source 





Then click the right mouse button on the function name as below, then select 'Show function definition'. it will jump to the definition except for native function, 




You can use selectors which are the command line api within the console. 

 : https://developer.chrome.com/devtools/docs/commandline-api






Set or unset a breakpoint using debug and undebug function

: call the debug function passing the function name to debug as below. This is really helpful when you don't know where its source is so you cannot set the breakpoint there.




About source


If you want to search some text within the whole javascripts, use ctrl + shift + f short cut. This will show you the search window.




When you blackbox a JavaScript source file, you will not jump into that file when stepping through code you're debugging. You are able to debug just the code you are interested in.




Pause On Caught Exceptions




Pretty Print

: By clicking on the curly brace  ("Pretty Print") icon in the bottom left corner, the JavaScript is transformed into a more human readable form.




The end.



2014. 6. 3. 07:30

[Fiddler] WCF Binary Message Inspector

Source: https://github.com/waf/WCF-Binary-Message-Inspector

 

 

BinaryMessageFiddlerExtension.dll

 

WCF Binary Message Inspector


This is a modification of the WCF Binary Message Inspector. It provides two notable enhancements:

Uses a collapsible tree view instead of a textarea to display the decoded WCF binary message.
Allows editing and reissuing of captured WCF binary messages (thanks to HofmaDresu)


Installation for Fiddler2

 

Copy the file BinaryMessageFiddlerExtension/bin/Release/BinaryMessageFiddlerExtension.dll (direct download) into C:\Program Files\Fiddler2\Inspectors and restart Fiddler.

 

Installation for Fiddler4 (Beta)

 

Copy the file BinaryMessageFiddlerExtension/bin/Release/BinaryMessageFiddlerExtension_Fiddler4.dll (direct download) into C:\Program Files\Fiddler2\Inspectors and restart Fiddler.

 

Tree View Usage

 

The tree view provides the following shortcuts:

Ctrl+c — Copy current node XML
Ctrl+Shift+c — Copy tree XML
Alt+→ — Expand node and all child nodes
Alt+← — Collapse node and all child nodes
Middle-click — Toggle expand/collapse of node and all child nodes


Edit Usage

 

Capture a WCF binary message
In the sessions list, right click on the message and choose "Unlock for editing"
Edit the request
Reissue the request using the toolbar or the session list context menu