Top level await in Dev tools

Many times when you are writing code you may want to do a simple fetch request and see the response. Doing this is quite annoying from dev tools (because fetch API returns promise which you then have to resolve to get response). Fortunately for us Chrome dev tools support top level await without needing async function. Meaning you can do this

> const response = await fetch('https://jsonplaceholder.typicode.com/todos/1')
> await response.json()

```

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/mu4r4ujyvyr6h5mmrtqf.png)

*[This post is also available on DEV.](https://dev.to/rafi993/top-level-await-in-dev-tools-1l)*


<script>
const parent = document.getElementsByTagName('head')[0];
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.min.js';
script.charset = 'utf-8';
script.onload = function() {
    window.iFrameResize({}, '.liquidTag');
};
parent.appendChild(script);
</script>