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

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

The Chromium DevTools

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

We will not go through the Chromium DevTools in detail here (there is a list of helpful articles at the end of this page). We just highlight what you need to do to connect a local browser running on your computer to the Opera TV Emulator 4.x and start debugging your app using DevTools.

Connecting to the TV Emulator using DevTools

Here are the steps needed to connect to the Emulator:

  1. Start up the Opera TV Emulator. See running your app.
  2. Open up a local browser on your computer (must be either Opera or Chrome).
  3. Navigate your browser to http://localhost:9222.
  4. In the page that opens up, you should see your WebApp as the one and only item under "Inspectable WebContents" list. Click the link to open up DevTools for your app.
  5. If all goes well, you should see a screen like this:

Further Reading

To learn how to use the Chromium DevTools to debug your app, the following articles will be helpful:

  • No labels