Using the Capo extension
Capo is a Chrome extension that gives you one-click access to the capo.js script. Clicking the extension icon (
) will open a color bar visualizing the
<head> ordering, and log messages to the console, including validation warnings and detailed element info.
To install the Capo extension:
Navigate to the Capo extension in the Chrome Web Store
Click the Add to Chrome button
On any page, click the Capo icon ( ) in the browser toolbar
- Open the DevTools Console to see additional logs
The extension comes with a few default options for static evaluation, validation, and the color palette.
See the Configuration guide for more info on accessing the options page and what each option does.