Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Added Compatibility Notice

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


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