Instagram Message Viewer

A Chrome extension that lets you preview full Instagram DM messages by hovering over truncated message previews in the inbox sidebar — without opening the conversation or triggering read receipts.

How It Works

Instagram truncates message previews in the DM sidebar using CSS line clamping. The full text is in the DOM but hidden. This extension detects those truncated spans and shows the complete message in a tooltip on hover.

Install

1. Clone or download this repository
2. Open Chrome and go to chrome://extensions
3. Enable Developer mode (top right toggle)
4. Click Load unpacked and select this folder
5. Go to instagram.com
6. Click on the extension icon in the toolbar
7. Click "This can read and change site data"
8. Select "When you click the extension"
9. Reload the page
10. Open your DMs and hover over any truncated message preview

Files

• manifest.json — Extension manifest (Manifest V3)
• content.js — Detects message preview spans and shows tooltip on hover
• content.css — Tooltip styling

Reload After Changes

After editing any file, go to chrome://extensions and click the reload button on the extension, then refresh the Instagram tab.