Clipboard Content Inspector - View All Clipboard MIME Types & Data

Clipboard Rich-Content Inspector & Debugger

Inspect the full contents of your clipboard with this in-browser tool. Click a single button to read all clipboard items using the modern Clipboard API (navigator.clipboard.read), and view every available MIME type, text representation, HTML markup, and image data stored in your clipboard. All processing happens client-side in your browser.

What is a clipboard content inspector?

A clipboard content inspector is a developer tool that reads the system clipboard and displays its complete contents, including all available data representations. When you copy something, the clipboard often stores the data in multiple formats simultaneously (e.g., plain text and HTML for rich text). This tool reveals every MIME type and its associated content, giving you full visibility into what your clipboard actually contains.

How does the Clipboard API work?

The modern Clipboard API (navigator.clipboard.read()) provides asynchronous access to the system clipboard. Unlike the older document.execCommand('paste') approach, it returns structured ClipboardItem objects, each containing one or more MIME-typed Blob entries. This tool leverages that API to enumerate all clipboard items, extract every available type, and display the raw content for each.

Why does my clipboard have multiple MIME types?

When you copy content from a web page or application, the source program typically writes the data in several formats. For example, copying a table from a spreadsheet might produce text/plain (tab-separated values), text/html (formatted table markup), and sometimes text/rtf (Rich Text Format). This allows the paste target to choose the most appropriate representation. Our clipboard viewer shows all of these formats at once.

How do I inspect clipboard images?

If you copy an image (e.g., a screenshot or an image from a web page), the clipboard stores it as a binary blob with a MIME type like image/png or image/jpeg. This clipboard inspector reads the image data, converts it to a base64 data URL, and renders a preview directly in the browser. You can see the image dimensions, file size, and the raw data URL.

What is the ClipboardItem interface?

The ClipboardItem interface is part of the modern Clipboard API specification. Each ClipboardItem represents a single entry on the clipboard and exposes a types property listing all available MIME types. You can retrieve the data for a specific type by calling getType(mimeType), which returns a Blob. This tool iterates over every item and type to give you a complete picture.

What browsers support navigator.clipboard.read?

The navigator.clipboard.read() method is supported in Chromium-based browsers (Chrome, Edge, Arc, Brave, Opera) and Safari 13.1+. Firefox has limited support and may only allow reading text via navigator.clipboard.readText(). This tool detects API availability and shows a clear error message if your browser does not support the full Clipboard API.

What MIME types can appear on the clipboard?

Common clipboard MIME types include text/plain, text/html, text/uri-list, image/png, image/jpeg, and application/json. Some applications write custom types as well. The specific types depend on what you copied and from which application. This clipboard MIME type viewer displays all types with color-coded badges and human-readable labels for quick identification.

Can I copy the raw clipboard content?

Each text-based clipboard entry in this tool includes a copy button, so you can copy the raw content of any individual MIME type back to your clipboard. This is useful for extracting the HTML representation of copied rich text, or for grabbing the plain text version of a complex paste. Image entries display a visual preview with their data URL length.

What is the presentationStyle property?

The presentationStyle property on a ClipboardItem indicates whether the data is intended for inline use or as an attachment. It can be "unspecified", "inline", or "attachment". Not all browsers expose this property. When available, this tool displays the presentation style alongside each clipboard item for complete metadata visibility.

How do I debug clipboard issues in my web app?

Copy content using your web application, then use this clipboard inspector to verify exactly what data was written to the clipboard. Check the MIME types, confirm the content matches expectations, and compare the plain text and HTML representations. This workflow is faster and more reliable than adding console logs to paste event handlers in your application code.