Inspect in web browser

Opening the inspect console

Built into the web browser Chrome there's a tool to inspect web pages. Other browser have similar tools. You can access the console on any web page via RMB-> Inspect or by pressing "ctrl+shit+i". This will open the inspect console within the web browser.

If you open the inspect console for the first time it is probably horizontally docked. Docking it vertically will improve readability.

Inspect HTTP calls

The inspect console contains a lot of functionality but we are interested in the Network tab, and then select "Fetch/XHR". Now that we are ready to capture network activity perform the action in IFS that you want to inspect.

In this example the Customer page is used. Navigate to the Customer page in Aurena and clear the Inspect Console log. Then select a customer in the record selector in IFS. This will generate a set of OData requests. Depending on where you navigate or what action you perform, there can be many requests to and from the IFS backend. The amount of requests might feel overwhelming at first but you will quickly learn what to look for.

Each Projection have a main Entity Set which is the root entity within a Projection. In this example the Entity set is called CustomerInfoSet. Those who are familiar with the logical units in IFS will recognize the OData entity namnings.

When selecting a line in the request list the requests details pane will open, revealing additional tabs related to the request. The Headers tab will contain Header parameters of the request, such as Request URL , Request Method and Status Code. The Requests Method is important when looking for a specific request in the list. E.g when saving data, the Request Method will instead be POST or PATCH.

In addition to the Headers tab in the details also has tabs for Payload, and Response. Selecting the Payload tab will reveal the request payload sent. There's not payload for GET requests but Chrome will display the query string parameters of the URL.

In Response tab the JSON response can be found. It's not formatted at this point and hard to read. RMB -> "Open in new tab". If you installed the recommended extension in the Useful Applications section, a formatted JSON will open in a new tab. The JSON can of course be copied and viewed in any code editor.

The same procedure is used to inspect the rest of the CRUD operations. Below is an example where a field is updated.

Last updated