Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The Vewd Core, being based on the Chromium browser, can use the some of the same Chromium technologies, one of them being the Chromium DevTools. It allows you to see everything about your web app from the HTML/JavaScript/CSS code, to where the different elements end up on the screen, to profiling your code (memory, performance, and network), and to changing JavaScript code live to test and debug your app.

This page just outlines what you need to do to connect a local browser running on your computer to the Vewd TV Emulator 4.x and start debugging your app using DevTools. It doesn't go into detail about the Chromium DevTools. For a list of helpful articles, see Further Reading below.

Connecting to the TV Emulator using DevTools

To connect to the emulator, follow these steps:

  1. Start up the Vewd TV Emulator. For details, see Running your app.
  2. Open up a local browser on your computer (must be either Opera or Chromium based, e.g. Chrome).
  3. In the browser, go to http://localhost:9222.
  4. In the page that opens up, under Inspectable WebContents, you should see your web app as the one and only item in the list. 
  5. Click the link to open up DevTools for your app.
  6. If all goes well, you should see a screen like this:

 


Further Reading

The following articles may be helpful to learn more about using Chromium DevTools to debug your app: