# How to get Browser console inside VS Code

**URL:** https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549
**Category:** JavaScript
**Created:** [September 26, 2021, 6:47am UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549 "2021-09-26T06:47:23Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![SrikarGunnam](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@SrikarGunnam](https://forum.codewithmosh.com/u/SrikarGunnam)
#### Post date: [September 26, 2021, 6:47am UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/1 "2021-09-26T06:47:23Z")

</div>

I am watching Mosh’s JavaScript Course, it looks like Mosh is using a browser console inside VS Code, but I am not able to get that. Could anyone help me out?

---

<div class="post-metadata">

### Author: ![SrikarGunnam](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@SrikarGunnam](https://forum.codewithmosh.com/u/SrikarGunnam)
#### Post date: [September 27, 2021, 4:52pm UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/2 "2021-09-27T16:52:48Z")

</div>

I got it, Mosh is not using any vs code extension for the browser console, he just undocked the chrome console and used the split window option to set them side by side.

---

<div class="post-metadata">

### Author: ![Ale](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Ale](https://forum.codewithmosh.com/u/Ale)
#### Post date: [September 27, 2021, 7:24pm UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/3 "2021-09-27T19:24:55Z")

</div>

ai think the edge extension works it just broadcasts the console in a vscode window but you need to use edge and not chrome (the console is the same tho)

---

<div class="post-metadata">

### Author: ![SrikarGunnam](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@SrikarGunnam](https://forum.codewithmosh.com/u/SrikarGunnam)
#### Post date: [September 28, 2021, 4:00am UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/4 "2021-09-28T04:00:27Z")

</div>

Hi @Ale, I tried the edge extension as well, it broadcasts the browser window, but the console option is not there, so it is useful to work on HTML and not on JavaScript console logs, we don’t have the console option at all.

But one more thing that I understood is, not only chrome, even other browsers like edge and firefox provide the option to undock the console.

---

<div class="post-metadata">

### Author: ![Ale](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Ale](https://forum.codewithmosh.com/u/Ale)
#### Post date: [September 28, 2021, 6:27pm UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/5 "2021-09-28T18:27:47Z")

</div>

yea you can unlock the console on (I think) almost every browser allows that

---

<div class="post-metadata">

### Author: ![emanresu](https://avatars.discourse-cdn.com/v4/letter/e/9d8465/32.png) [@emanresu](https://forum.codewithmosh.com/u/emanresu)
#### Post date: [May 10, 2022, 7:02pm UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/6 "2022-05-10T19:02:32Z")

</div>

> [@SrikarGunnam](#):
>
> I am watching Mosh’s JavaScript Course, it looks like Mosh is using a browser console inside VS Code, but I am not able to get that. Could anyone help me out?

So how does Mosh do what he does? How can I run my code from VSCode in a browser console? I know only of how to copy paste the entire code into the console to get it there, not how to save a file in VSCode and have it run in a console.

Does anyone know how to do what Mosh is doing?

---

<div class="post-metadata">

### Author: ![birdmite](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/birdmite/32/5269_2.png) [@birdmite](https://forum.codewithmosh.com/u/birdmite)
#### Post date: [December 29, 2022, 8:07pm UTC](https://forum.codewithmosh.com/t/how-to-get-browser-console-inside-vs-code/7549/7 "2022-12-29T20:07:30Z")

</div>

I saw somewhere in this forum that he just undocked the console from the browser and put them side-by-side.

Then I found this article, which seems to work for the version of Chrome browser I am using:  
https://stackoverflow.com/questions/20220090/undock-chrome-developer-tools

Here’s the click path I am using:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/e/e3db4b4be5a5e2640b328e0077533e0fb56ff1e9.png)
