Page Metadata Viewer

WHAT IT DOES Page Metadata Viewer extracts and displays all metadata from any webpage in a clean, organized panel. The extension reads standard meta tags including title, description, keywords, author, viewport, and robots directives, as well as Open Graph tags (og:title, og:description, og:image, etc.) and Twitter Cards (twitter:card, twitter:site, etc.). It also parses JSON-LD structured data and displays it in a formatted, syntax-highlighted view. The panel shows the page's favicon, title, and description at a glance, with all metadata organized into logical sections. A raw meta tags view shows every meta tag on the page, making it easy to audit SEO implementations. You can copy all key metadata to your clipboard with a single click, or refresh the view to capture dynamically loaded metadata. WHERE IT RUNS The extension works on every website with HTML meta tags, including complex single-page applications, traditional websites, and any page that uses Open Graph, Twitter Cards, or JSON-LD structured data. It runs locally in your browser, reading the page's DOM and meta tags without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly. HOW TO USE After installation, a "📋 Metadata" badge appears in the bottom-right corner of the page (if enabled). Click the badge to open the Metadata Viewer panel. The panel displays the page's favicon, title, description, keywords, author, viewport, robots, and canonical URL in the "Page Info" section. Open Graph and Twitter Cards sections show all relevant tags when present. The JSON-LD section displays structured data with syntax highlighting. The Raw Meta Tags section shows every meta tag on the page for complete auditing. Use the "Refresh" button to update the view. Use "Copy" to copy all key metadata to your clipboard. Toggle "Raw" to show or hide raw meta tags, "JSON-LD" to show or hide structured data, and "Compact" for a more condensed view. For per-site customization, enable or disable the extension on specific websites using the per-site controls. THE ACTUAL MECHANISM — DOM QUERYING WITH STRUCTURED METADATA EXTRACTION The extension uses DOM querying to extract metadata from the page. It selects meta tags using `document.querySelectorAll('meta')` and iterates through them, checking both `name` and `property` attributes to capture standard meta tags, Open Graph, and Twitter Cards. The page title is extracted from the `` element or from `og:title` meta tags, with a fallback chain. For JSON-LD structured data, the extension selects all `` elements and parses their content with `JSON.parse()`, handling any parsing errors gracefully. The favicon is extracted from ``, ``, or ``, falling back to `favicon.ico` in the root directory. The canonical URL is extracted from ``. All metadata is organized into a structured object with sections for page info, Open Graph, Twitter Cards, JSON-LD, and raw meta tags. The panel renders each section using DOM manipulation with escapeHTML to prevent XSS, and syntax highlighting for JSON-LD. The copy feature concatenates key metadata fields into a readable text format. THE PANEL The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, show metadata button, close button, refresh button, copy button, raw toggle, JSON-LD toggle, compact toggle, auto-open toggle, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme. PLEASE NOTE This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access, clipboard, and storage engine. The extension reads metadata from the page's DOM and does not modify any page content. Some metadata may be generated dynamically by JavaScript and may not be present when the extension first loads—use the Refresh button to capture updated metadata. JSON-LD parsing may fail on malformed structured data, in which case the extension will skip those entries. No personal data, browsing history, or page content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.