做网站、发项目、传文档时，对我来说最烦的一步往往不是写 meta ，而是确认它分享出去后，链接卡片究竟长怎么样…（ Link preview 是互联网时代的伟大发明之一！）
去年底做个人网站时，为了核对 OG Image ，基本上是土法炼钢：Dev Tools 里搜 og:image → 复制链接 → 新窗口打开；或者干脆把链接丢进 Telegram 干等解析。
也试过一些 OG 预览类扩展，但用着都不太顺手。想着反正都 AI 时代了，重复造一个自己会用的轮子，也没什么好羞耻的——于是用 Claude Code 快速将初版搭了起来。
但真正花时间的，其实不是脚手架，而是对齐不同平台的链接卡片样式：标题阶段、域名展示、图片裁切、缺字段时的 fallback ，以及不同平台对不同边界情况的处理等等。过程中也用过 agent-browser 、claude-in-chrome 之类的工具去核对样式，但出于某种并不坚定的不信任，最后还是自己手动对了一遍。也确实发现了不少问题。
最近收拾了一下，做成了现在的 OGee：打开任意页面 → 点击扩展（或 Alt + Shift + O） → 立即预览当前页面的链接卡片。不用粘贴 URL ，也不用等待第三方抓取。
功能
- 预览 Twitter 、Facebook 、LinkedIn 、Telegram 、Discord 等平台链接卡片
- 一键下载 OG 图片，或复制图片 URL
- 支持深浅色切换，可开关平台、拖拽排序
隐私
完全本地运行，不采集任何数据。只有当你打开 popup 时，才用 activeTab 读取当前页面的 meta 。
限制
出于最小化权限（主要是嫌麻烦），目前实际上只是在本地读取你当前打开的页面，而非像真实平台一样去服务器抓取。所以如果站点对爬虫返回不同的内容，或有缓存等情况，线上真实链接卡片还是可能和 OGee 预览不完全一致。
体验
Chrome Web Store：
https://chromewebstore.google.com/detail/glncpeolnemlkojegffjlaccbcdpmnfe
Source （欢迎 star / issue ）：
https://github.com/heyshigeru/ogee
也欢迎 V 友们多多提提自己的建议！
Select Language