Chrome Extension

INSPECT EXTRACT UNDERSTAND

Inspect web media and element styles directly on any page without opening developer tools. Right-click any element to view its dimensions, formats, and CSS properties.

Free Open Source GPL-3.0
contexxt://inspector
$ inspect element
> scanning DOM... DONE
Found: hero-image.jpg
Type: image/jpeg
Size: 1920×1080 (245KB)
CONTEXXT
MIME image/jpeg
DIMS 1920×1080
SIZE 245 KB
SRC asset.jpg
// Capabilities

Element and media inspection

01

Multimedia

View source URLs, natural and rendered dimensions, file sizes, MIME types, and video durations directly in the overlay.

JPEG PNG MP4 WEBM
02

Typography

Inspect font families, font weights, pixel sizes, computed color values in RGB and hex, and assigned CSS classes.

FONTS COLORS CLASSES
03

Quick Actions

Download assets, open source files in a new tab, copy computed values to the clipboard, or use Ctrl+Click for quick access.

DL OPEN COPY
04

Smart Overlay

The overlay positions itself near your cursor and adjusts automatically to stay within viewport edges without obstructing page content.

POSITION AUTO
05

Integration

Integrates into the browser context menu with configurable keyboard shortcuts and custom overlay visibility settings.

MENU KEYS SETTINGS
06

Privacy

Runs entirely on your machine with no analytics, tracking, or remote servers. Open source under the GPL-3.0 license.

LOCAL SAFE OSS
// How to use

Inspect any element in three steps

01

Right Click

Position your cursor over any image, video, or HTML element on a webpage.

$ contextmenu.activate()
02

Select Inspect

Choose "Inspect with Contexxt" from the browser context menu.

$ inspector.launch()
03

Interact

View asset metadata and computed styles, download files, or open sources in a new tab.

$ asset.interact()
// Installation

GET
CONTEXXT

[ ADD TO CHROME ] [ DOWNLOAD FROM GITHUB ] [ VIEW SOURCE ]
Free and open source • No tracking • GPL-3.0