Handy Dev Tools
日常工作的简单在线工具。

暂无收藏

    Base64 编码/解码器
    Markdown 转 HTML
    HTML 转 Markdown
    URL 编解码
    Unicode 转义转换
    Unicode 编解码
    SQL 格式化
    SQL 分割
    SQL 参数绑定
    JSON 格式化
    XML 格式化
    YAML 格式化
    GraphQL 格式化
    JSON 转 YAML
    YAML 转 JSON
    JSON 转 TOML
    TOML 转 JSON
    HTML 实体 编码/解码
    TOML 转 YAML
    YAML 转 TOML
    CSV 转 SQL INSERT
    Markdown 表格生成
    JSON 转 XML
    XML 转 JSON
    UUID 生成器
    ULID 生成器
    密码生成器
    哈希生成
    Lorem Ipsum 生成器
    Lorem Picsum 图片URL生成器
    测试数据生成工具
    QR 码生成
    S3 路径解析与转换
    IP 地址计算
    子网分割
    子网合并
    CloudFront 签名 URL 生成
    RDS 连接字符串生成
    坐标转换器
    地理格式批量转换
    JWT 解码与解析
    Basic 认证
    密码强度分析
    信用卡验证
    PII Mask(敏感信息脱敏)
    RSA 密钥对生成器
    大小写转换
    罗马字转换
    罗马数字转换器
    语音代码转换器
    字符计数
    文本 Diff
    HTML 标签移除
    正则表达式测试
    颜色转换
    骰子
    Crontab 生成器
    Crontab 解析器
    表情选择器
    Unix 时间戳转换器
    HTTP 状态码搜索
    端口号查询
    MIME 类型搜索
    Base64 文件转换
    图片 Base64 编码/解码
    User-Agent 解析
    URL 解析
    OGP 检查
    提交信息生成器
    Chmod 计算器
    终端 GIF 生成器
    .env Parser & Validator
Ctrl+K

OGP 检查

获取并显示 URL 的 OGP 与 Twitter 卡片元数据,预览分享时的展示效果。

输入 URL 后点击「检查」。

使用方法

关于此工具

获取并显示指定 URL 的 OGP 与 Twitter 卡片元标签,并以 Twitter / Facebook 风格预览分享时的展示效果。

使用方法

在 URL 输入框中输入要检查的页面 URL(https:// 或 http://),点击「检查」。会显示基本信息、OGP、Twitter 元数据,下方为 Twitter / Facebook 风格预览卡片。若因 CORS 被拦截,会通过代理重试获取。

使用场景

• 确认博客/落地页分享时的展示效果 • 检查 OGP、Twitter 卡片是否漏设或错误 • 调试时查看元标签 • 批量检查前的单页确认

常见问题

Q: 此工具检查哪些 meta 标签?
A: Open Graph(og:title、og:description、og:image、og:url、og:type、og:site_name 等)和 Twitter Card(twitter:card、twitter:title、twitter:description、twitter:image、twitter:creator)标签均会被获取并显示。
Q: 工具为什么对某些请求使用代理?
A: 许多网站会阻止来自浏览器的跨域请求(CORS)。当直接获取失败时,工具会自动通过代理服务器重试,代理在服务器端获取页面,绕过 CORS 限制。
Q: OGP 图片未在预览中显示——应该检查什么?
A: 请验证 og:image 使用绝对 URL(https://…)、图片服务器允许外链,以及图片尺寸满足平台要求(Facebook 建议最小 1200×630 像素;Twitter summary_large_image 建议 800×418 像素)。
Q: 如何修复缺失的 OGP 标签?
A: 在 <head> 中添加 <meta property="og:title" content="…"> 和其他必要标签。各框架:Next.js 使用 Metadata API,WordPress 使用 Yoast SEO 等插件,Laravel 可使用 laravel-meta 包。
Q: 此工具会将 URL 发送到服务器吗?
A: 仅当由于 CORS 导致浏览器直接获取失败时,URL 才会发送到代理服务器。此时代理代您获取页面,不会传输其他数据。