## Features
### 📬 Event timeline
See all debugging and network events in real time.
### 🗂 Cache explorer
Explore your cache and see when cached data is being used.
### 🚀 Request tool
Explore your backend schema and trigger queries directly via your running Urql client.
## Usage
### Add the urql exchange
Follow the instructions to [install and setup the devtools exchange](https://github.com/FormidableLabs/urql-devtools-exchange#usage)
### 🌐 Browser
Install the extension for your browser of choice
- [Chrome extension](https://chrome.google.com/webstore/detail/urql-devtools/mcfphkbpmkbeofnkjehahlmidmceblmm)
- [Firefox addon](https://addons.mozilla.org/en-GB/firefox/addon/urql-devtools)
Open the [devtools panel](https://developers.google.com/web/tools/chrome-devtools/open) in your browser and click on the _Urql_ tab
### 📱 React Native
Start the electron app from a dedicated shell
```sh
npx urql-devtools
```
> **Note:** Android users may need to forward port 7700 from their device to their local machine:
>
> ```sh
> adb reverse tcp:7700 tcp:7700
> ```
## Integrations
Visit the [debugging docs](https://formidable.com/open-source/urql/docs/advanced/debugging/#adding-your-own-debug-events) to find out how to integrate your self-made exchanges with our devtools.
## Contributing
Have experience working with devtools extensions or want to get involved? Check out our [contributing](./CONTRIBUTING.md) docs to get started, information on setting up the project can be found [here](https://github.com/FormidableLabs/urql-devtools/blob/master/DEVELOPMENT.md).
