The following example provides a quick overview of some of the basic debugging features that Chrome DevTools offers.
Within this file, a call is made to the Dynamics 365 client API Xrm.Navigation.navigateTo. This call:
- Navigates to a html file which allows users to enter their credit card details.
- Generates a query string which includes the current user’s GUID as part of this call. The tab ‘Network’ displays the query string (highlighted in Figure 4).
To see the detail, the highlighted link in Figure 4 can be clicked on. (Note: typing window.location in the console window will also display these details.)
Finally, the ‘Console’ tab allows the developer retrieve the card number by typing ‘document.getElementsByName(‘cardNumber’);’ It can also be used to alter the credit card details that were added in the popup.