How to debug a browser page by modifying adrum.js

[Michael.Perlstein]

Users can debug a browser page with EUM instrumented pages using the JavaScript agent (adrum.js).

1. Within the Google Chrome browser, launch developer tools (ALT+CMD+I) by clicking on View > Developer > Developer Tools in the browser toolbar.
2. Add the string ?ADRUM_debug=true to your webpage's URL and hit enter.

Example:  http://URL/page/?ADRUM_debug=true

Note: if there is an anchor (#) in the URL, add the above parameter string before the anchor.  

Example: http://URL/page/?ADRUM_debug=true#afterAnchor

  3. In the browser window, generate load on your web application virtual pages.

Note: The easiest way to generate load is by clicking the various links within the browser window which point to the different virtual page(s). This allows for the adrum.js JavaScript agent to capture data.

  4. Once a load has been generated on the application, type the following into the Javascript console: ADRUM.dumpLog()

 *for v4.2.x and earlier try, ADRUM.logMessages.join("\n")

Users can then view their Javascript logs in the console and use for debugging purposes (if needed).

Related Links:

• Customize the Javascript agent
• Browser real user monitoring