# Browser Developer Tools

For this guide, Mozilla Firefox will be our browser of choice because of its powerful, wide-ranging and easy-to-use developer tools. Feel free to use any browser of your choice, keeping in mind that not all features may be available in the same form as with Firefox.

## Removing distractions

When first learning JavaScript, it is customary to open a blank page on your browser to give your Browser Console a clean slate. To do so, open a new tab in your browser and type the following:

```
about:blank
```

and press enter. You should see a completely blank white (or black, based on your settings) page.

<figure><img src="/files/19vxmg63Q8RF9O7Yvdd1" alt=""><figcaption><p><em>Blank page in Firefox (dark mode)</em></p></figcaption></figure>

## Opening the Developer Tools

To open up the Browser Developer Tools, navigate to a blank page and just use the keyboard shortcut `f12` or `fn + f12` (based on your keybinds). This should open up the Dev Tools window, which is resizable and can be placed on any side of the screen you want (except the top).

<figure><img src="/files/TKpSfTAZhdT7I8dNWksy" alt=""><figcaption><p><em>Dev Tools in Firefox</em></p></figcaption></figure>

## Navigating the Tools Menu

You'll see a few tabs at the top of the window labelled with names like `Inspector`, `Console` and `Style Editor` (depending on the browser). Navigate to the `Console` tab by clicking on it. You should see a, well, console with your typing cursor targetted on the first line. This is where you will write all your JavaScript code for the first part of this guide.

<figure><img src="/files/Gn8QN7UjUX5fHX0nZWbh" alt=""><figcaption><p><em>The Console in Firefox</em></p></figcaption></figure>

## Next steps

Next you'll get started with using the console to execute some JavaScript code.


---

# 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://wiki.nushackers.org/orbital/readme-1/browser-dev-tools.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.