Skip to main content

Context DevTools

Being able to view and edit the details captured by the Uniform tracker is an important way to learn and understand how the Uniform classification process is working in your web application. Context DevTools visualizes the current visitor's classification. It also provides the ability to edit those details in order to simulate the digital experience that is delivered under various conditions.

Enable Context DevTools plugin

Context DevTools is activated by adding the Context DevTools plugin on the Uniform tracker.

Connect the site

Context DevTools uses the Uniform context manifest to understand what kind of classifications the web application uses. In order to keep the manifest as small as possible, public IDs are used instead of names. For example, if you have a signal named "Email Campaign" with a public ID "ec", the browser extension only knows the signal as "ec", so that is all it can display.

Context DevTools allows you to connect the site to a Uniform project. You do this by providing the extension with credentials that it can use to get the names that correspond to the public IDs.

Before you start

You need a Uniform API key and project ID in order to connect the site to a Uniform project. The API key requires all of the permissions in the Uniform Context section.

  1. In your browser, navigate to your web application.
  2. Open the browser extension.
  3. Click Settings.
  4. Enter values for the following fields:
    • Uniform API key
    • Uniform Project ID
  5. Click Save.
What has changed?

Now, instead of seeing the public IDs throughout Context DevTools, you will see the names. This makes it much easier for you to understand the information being displayed.

Display Context DevTools

Browser extension

Uniform provides a browser extension for Chromium browsers (e.g. Google Chrome and Microsoft Edge) that hosts Context DevTools. The extension is available on the Chrome Web Store.

Troubleshooting

If the browser extension is not active (meaning the icon is grayed out), this indicates Context DevTools is not enabled in your web application.

extension-off

React component

info

Coming soon.