The easiest way to preview and debug opengraph and social sharing images and tags

Latest Version

Version
0.1.3
Update
October 23, 2024
Size
2.17MiB
Developer
ogimage.info
Category
Users
203
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
See more

Open Graph debugger Extension

See how Open Graph & Twitter cards look from anywhere in your current tab.

Whether you're a developer working locally or just browsing the web, OG Preview helps you understand how webpages present themselves on social media platforms.
Key Features:

• Instant previews for Twitter, Facebook, and LinkedIn
• Check Twitter card types (summary_large_image or summary)
• View Open Graph & meta tags in a clear table format
• Identify missing tags at a glance

Perfect for:

• Debugging metadata during local development
• Previewing changes before deployment
• Analyzing how other websites optimize their social sharing

How it works:

• Click the extension icon on any webpage
• View platform-specific previews in separate tabs
• Check the tag table to see what's present and what's missing

Give it a try and see how your pages (or any site you visit) will look when shared across the social web. Your feedback is welcome and helps improve the extension 👇!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Open Graph debugger", "version": "0.1.3", "description": "The easiest way to preview and debug opengraph and social sharing images and tags", "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "options_page": "src/options/index.html", "action": { "default_popup": "src/popup/index.html", "default_icon": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" } }, "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "activeTab" ], "content_scripts": [ { "js": [ "assets/content-script-loader.index.prod.tsx-raPkgUAm-CzL_YRxf.js" ], "matches": [ "" ] } ], "web_accessible_resources": [ { "matches": [], "resources": [ "icon16.png", "icon32.png", "icon48.png", "icon128.png" ], "use_dynamic_url": false }, { "matches": [ "" ], "resources": [ "assets/createShadowRoot-C4RbnLPW.js", "assets/index.prod.tsx-raPkgUAm.js" ], "use_dynamic_url": false } ]}
Read more