Page tree
Skip to end of metadata
Go to start of metadata

The Chrome DevTools

The Vewd Core, being based on the Chromium browser, can use the some of the same technologies including the Chrome 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 modifying JavaScript code to test and live debug your TV app.

This page 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. For more information on Chrome DevTools, and a list of helpful articles, see Further Reading below.

Connecting to the TV Emulator using DevTools

Compatibility Notice

Due to changes in web standards, the most recent versions of your Chromium-based desktop browsers may not work with the Chrome DevTools on the Vewd TV Emulator.

You can download an older version of the Chromium browser prior to M80 from chromium.org.

For Chromium 79.0.3945.0 developer builds (browser snapshot #706915), download chrome-<platform>.zip

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 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 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:

  • No labels