Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In examples we will use Chromium based browser, but all browsers have similar dev tools.

How to open Dev Tools

Right-clicking on a webpage and pressing inspect is the easiest way to open development tools.

...

Dev Tools Tabs

Console

In this tab, you can see all the logs, when pricefx is in CRM then you will see pricefx and CRM logs.

If you want to display some data here from interceptor, then just write console.log("Your content goes here"), if you see [object Object][object Object], then use it like this console.log(JSON.stringify("Your content goes here"))

Sources

This tab is extremely useful and is a much better tool for checking what variables return comparing to console.log()

Check this documentation to learn how to debug JavaScript in a browser using debugger; https://developer.chrome.com/docs/devtools/javascript

Network

This tab is familiar to some CE's, as it can be used to check the performance of the logic.

...