Browser Console

The Browser Console allows you to see console.log statements from the browser in the editor.

Usage:

1. Start the development server.
2. Set the port to confugure browserConsole.port
3. Launch the virtual browser
   • with the command BrowserConsole: Start
   • or via Status bar panel BConsole > BrowserConsole: Start
4. Open the Browser Console view in the Menu panel

Features

Decorate the line

---

Show object property descriptors and hide enumerable property

---

Go to line

---

Routing

Configuration browserConsole.routes, for example:

{
  "browserConsole.routes": [
    {
      "route": "/",
      "events": []
    },
    {
      "route": "/movie-page",
      "events": []
    }
  ]
}

---

Custom events

Configuration browserConsole.routes, for example:

{
  "browserConsole.routes": [
    {
      "route": "/",
      "events": ["click 'button.click-me' 1000"]
    }
  ]
}

This configuration dispatches index page click event on html elements button.click-me after page load and timeout of 1000ms. document.querySelectorAll used for searching.