OGP Dev Tool

نظرة عامة

أداة مطور لمحاكاة نتائج عرض OGP. يمكن أيضاً معاينة نتائج المضيف المحلي بسهولة.

OGP Dev Tool gives web developers an instant preview of how a page's Open Graph Protocol (OGP) metadata will appear on social networks and popular UI component libraries — all without leaving Chrome. Open the DevTools panel (F12 → OGP tab), navigate to any page, and see a full breakdown of every OGP tag alongside live-rendered previews. ────────────────────────── 🔍 What you can inspect ────────────────────────── OGP Dev Tool reads and displays all major OGP-related meta tags including: • og:title, og:description, og:image, og:url, og:type, og:locale • og:image:width / og:image:height / og:image:type • og:site_name, og:video, og:audio • twitter:card, twitter:title, twitter:description, twitter:image, twitter:creator • fb:app_id, article:author, article:published_time, and more ────────────────────────── 📱 Live social & UI previews ────────────────────────── See exactly how your metadata renders in five preview styles: • X (Twitter) — card preview with image, title, and description • Facebook — link preview card • shadcn/ui — clean card component • Ant Design — card component • Material UI — card component ────────────────────────── ⭐ Key benefits ────────────────────────── ✅ Works on localhost — test OGP before deploying; no tunnels or staging servers required ✅ No page reload needed — hit the Reload button in the panel to re-read metadata instantly ✅ Copy any value to clipboard with one click ✅ Dark mode support — follows your DevTools preference ✅ Three UI languages — English, 日本語, 中文 ✅ Completely local — no data is ever sent to external servers; all inspection happens in your browser ────────────────────────── 👨‍💻 Who is this for? ────────────────────────── Front-end developers, SEO engineers, and content teams who need a fast feedback loop when writing or debugging OGP tags. Instead of sharing a URL with a social debugger tool and waiting for a re-scrape, you get instant visual feedback right inside DevTools on any page — including localhost. ────────────────────────── 🔒 Permissions ────────────────────────── • storage — saves your language and theme preferences locally • Access to all URLs — required to inspect OGP metadata on any page you visit Source code: https://github.com/Uno-Takashi/OGP-Dev-Tool

‫0 من 5
ما من تقييمات
مزيد من المعلومات حول النتائج والمراجعات

التفاصيل

الإصدار
2.2.0
تم التحديث
25 مايو 2026
الإبلاغ عن مشكلة
محتوى مقدّم من
U-NOT
الحجم
813KiB
اللغات
‫15 لغة
مطوّر برامج
البريد الإلكتروني
euno.eng@gmail.com
غير تاجر
لم يعرِّف هذا المطوِّر نفسه بصفته جهة تجارية. بالنسبة إلى المستهلكين في الاتحاد الأوروبي، يُرجى العِلم أنّ حقوق المستهلك لا تسري على العقود المُبرمة بينك وبين هذا المطوِّر.

الخصوصية

إدارة الإضافات والتعرّف على كيفية استخدامها في مؤسستك

أفصَح المطوِّر عن أنّه لن يتم جمع بياناتك أو استخدامها.

يُقِرّ هذا المطوِّر بأنّ بياناتك:

لا يتم بيعها لأطراف ثالثة خارج إطار حالات الاستخدام المُتفَق عليها.
لا تُستخدَم أو تُنقَل لأغراض غير متعلِّقة بالوظيفة الرئيسية للعنصر.
لا تُستخدَم أو تُنقَل لتحديد الأهلية الائتمانية أو لأغراض الإعارة.

ذات صلة

HTTP Graph Collector

4.5

Builds a graph from your HTTP traffic. View live at nullphase.net/hg or POST to a localhost REST API. All data stays local.

عارض بيانات الصورة - Image Metadata Viewer

5.0

عارض بيانات الصورة - Image Metadata Viewer هو عارض بيانات EXIF وأداة EXIF لعرض بيانات الصورة والحصول على موقع الصورة.

كاشف شات جي بي تي

0.0

استخدم كاشف شات جي بي تي، أداة احترافية للكشف عن الذكاء الاصطناعي، للتحقق بسهولة من النصوص المكتوبة بواسطة شات جي بي تي، والمقالات،…

Auth Inspector (SAML & OIDC)

5.0

DevTools panel to inspect SAML Requests/Responses and OIDC tokens locally.

Localhost Open Graph Tester

4.8

Effortless Open Graph tags testing by hosting your meta tags.

WebMCP DevTools

5.0

A developer tool for inspecting, testing, and monitoring WebMCP tools registered via navigator.modelContext.

Local Markdown Viewer

4.9

Preview local Markdown files with beautiful GitHub-style rendering

محرر Markdown لمتصفح Chrome™

3.8

أنشئ ملفات Markdown واعرضها بسهولة من أي مكان باستخدام محرر Markdown البسيط الخاص بنا، والذي يشبه محرر GitHub.

مولد خرائط الموقع

4.6

قم بإنشاء خرائط XML للموقع بسهولة باستخدام مولد خرائط الموقع. أداة إنشاء خرائط الموقع المريحة لتحسين SEO وفهرسة المواقع الإلكترونية.

Vibe Annotations - Visual Feedback for AI Coding Agents

5.0

Visual annotations for localhost dev projects. Send feedback to AI coding agents like Claude & Cursor via MCP.

GEO Auditor

5.0

GEO (Generative Engine Optimization) audit tool to maximize your AI visibility.

OGP Clearify

0.0

Chrome extension for OGP checking and SNS cache clearing with multi-language support