# Browser & Comment View

Heurio offers users a flexible way to interact with websites by providing two distinct views when activating the [Heurio Extension](https://chromewebstore.google.com/detail/heurio-ux-check-visual-fe/pjdbofhiijhapnmpgilkeammkanglfdj):

1. **Comment View:** Allows users to select any element of the website and add heurios directly to them. The Heurio comment popup appears, facilitating detailed, element-specific feedback.
2. **Browser View:** Allows users to interact with the website and navigate between website pages seamlessly while keeping the Heurio UI visible. In this mode, users can see all previously placed heurios, making it easier to understand feedback contextually.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2FgC1RJvin4FDIknWAnn5j%2Fbrowser%20view%20vs%20comment%20view.gif?alt=media&#x26;token=bc9bd66f-aaa6-41ae-8f88-823833149c5e" alt="Switching between Browser view and Comment view with the Heurio Chrome Extension" width="549"><figcaption><p>Switching between Browser view and Comment in the <a href="https://chromewebstore.google.com/detail/heurio-ux-check-visual-fe/pjdbofhiijhapnmpgilkeammkanglfdj">Heurio Extension</a></p></figcaption></figure>

## Get started with Heurio

### 1. Turn on the Heurio Extension

1. Navigate to the website you want to evaluate.
2. Click on the Heurio Extension.

### 2. Interact with the website

* **Comment View:** Select and make comments (heurios) on the website’s UI elements. Allows users to select any element of the website and add heurios directly to them.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2FtKr0RZLNjN3Tb32xcLbo%2FFrame%202785%20(1).png?alt=media&#x26;token=24b2e3a9-5a5f-491a-84ae-3d0c7b3aa2b1" alt=""><figcaption><p>Comment View - Heurio Extension</p></figcaption></figure>

* **Browser View:** To navigate between pages. This mode allows users to see all feedback in the context of the live website. Allows users to interact with the website and navigate between website pages seamlessly while keeping the Heurio UI visible. In this mode, users can see all previously placed heurios, making it easier to understand feedback contextually.

<figure><img src="https://2020319361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBOaIi9QzptvzmRxIDqZN%2Fuploads%2F1x2lJqXFJ7rFb8IK3flw%2FFrame%202784%20(1).png?alt=media&#x26;token=9a5fac64-ecf0-435a-90ad-b1c380468ab8" alt=""><figcaption><p>Browser View - Heurio Extension</p></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://heurio.gitbook.io/docs/how-to-use-heurio/browser-and-comment-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
