> For the complete documentation index, see [llms.txt](https://docs.novacura.com/flow-ifs-cloud-development-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novacura.com/flow-ifs-cloud-development-guidelines/flow-development-with-odata/debugging-and-testing/aurena-debugging/inspect-in-web-browser.md).

# Inspect in web browser

### Opening the inspect console&#x20;

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.&#x20;

{% hint style="info" %}
If you open the inspect console for the first time it is probably horizontally docked. Docking it vertically will improve readability.
{% endhint %}

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2Fh6r2CASwFSxIoO31VK9C%2FGPlmQhNIgC.png?alt=media&amp;token=d4c8c5e2-593b-4930-a6e2-755676dadcd1" alt=""><figcaption><p>Dock the inspect console to the browser bottom </p></figcaption></figure>

### 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.  &#x20;

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2F9MmnDTEZzpv6kJyN4KW4%2FMOmFsM09p1.png?alt=media&amp;token=574ba5e8-4173-4432-9c8a-38ec890c263a" alt=""><figcaption><p>The inspect console </p></figcaption></figure>

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.&#x20;

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2F8Zh58qkjZDS3OfYQyFI3%2Fchrome_Gr5Sv2aCiM.gif?alt=media&amp;token=2c2f8ff0-6038-4e38-a496-842fbaf92d70" alt=""><figcaption><p>Click the GIF to see full size</p></figcaption></figure>

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.&#x20;

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2FwtbjM5gJA2fsJoa4yErc%2FZxcTqScAYY.png?alt=media&amp;token=c1fd3286-afb1-4f67-9d7d-33d1a9bb5c61" alt=""><figcaption><p>Click the image to see full size</p></figcaption></figure>

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 Cod&#x65;**.** 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. &#x20;

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.&#x20;

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2Fd9GP7Ygv1U9psjspBvaM%2Fp4tBYJsiyA.png?alt=media&amp;token=404b5386-7af4-4af2-a97e-c879ea1d1172" alt=""><figcaption><p>The payload detail tab</p></figcaption></figure>

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](/flow-ifs-cloud-development-guidelines/getting-started/useful-applications.md) section, a formatted JSON will open in a new tab. The JSON can of course be copied and viewed in any code editor.&#x20;

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2FVTqRSQykdSlZSSp9k3By%2Fchrome_FLL2qTyq9L.gif?alt=media&amp;token=d4966670-1850-4a5d-9722-4cad0c8848b9" alt=""><figcaption><p>Click the GIF to see full size</p></figcaption></figure>

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

<figure><img src="https://3323790987-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJyIxKYxK0LMJ2T3XubCS%2Fuploads%2FQQuhstsBakvgmJp27MRS%2Fchrome_HgLpoiSpxc.gif?alt=media&amp;token=d59d98c7-7bf6-4666-9dc9-cc0fea94f85c" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.novacura.com/flow-ifs-cloud-development-guidelines/flow-development-with-odata/debugging-and-testing/aurena-debugging/inspect-in-web-browser.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
