Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Open Graph DebuggerNew to Visual Studio Code? Get it now.
Open Graph Debugger

Open Graph Debugger

Nette Software

|
4 installs
| (0) | Free
View and debug Open Graph metadata from any URL. Preview how your content appears on Facebook, WhatsApp, X, LinkedIn, and Discord.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Open Graph Data Extension

A VS Code extension to view and debug Open Graph (OG) metadata from URLs.

Features

  • Fetch OG data from any URL in raw format or rendered as displayed by providers like Facebook, WhatsApp, and more

Usage

  1. Click "Open Graph Debugger" in the status bar (bottom)
  2. Enter a URL (with or without https://)
  3. View the extracted OG metadata (Title, Description, Image, URL)

Development

To get started locally:

npm install --save preact
npm install --save-dev esbuild
npm run build:webview

Pull requests are welcome :)

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft