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.