显示HN:Hover – 在任何网页上实现IDE风格的悬停文档
Show HN: Hover – IDE style hover documentation on any webpage

原始链接: https://github.com/Sampsoon/hover

这个 Chrome 扩展程序将类似 IDE 的代码文档直接带到您的浏览器。只需将鼠标悬停在任何网页上的代码上——包括文档站点和 ChatGPT 和 Claude 等 AI 聊天应用程序——即可立即查看相关信息。 目前可通过手动安装获得(提供涉及 `bun install` 和通过 `chrome://extensions` 加载未打包扩展程序的说明),很快将在 Chrome 网上应用店上架。 该扩展程序需要 OpenRouter API 密钥或兼容的 OpenAI 端点才能正常工作,并允许用户指定其运行的网站。开发和构建说明已包含在内,以及有关隐私的详细信息以及配套 `README` 和 `TASKS` 文件中列出的已知问题/未来改进。

## Hover:在任何网页上提供 IDE 风格的文档 - 摘要 Hover 是一款新的 Chrome 扩展程序,旨在为任何网页(包括文档站点甚至 AI 聊天机器人输出)带来类似 IDE 的文档工具提示。它的工作原理是检测代码块,通过 OpenRouter 或自定义端点(如 AWS Bedrock)将代码发送到 LLM,生成文档,并缓存以供悬停时即时显示。 开发者优先考虑细粒度的网站权限和灵活性,允许用户通过自定义端点绕过 OpenRouter。虽然承认使用 LLM 的潜在缺点(如潜在的不准确性“幻觉”),但他们认为这比为每种语言和框架构建和维护解析器和文档映射更简单。 讨论的重点是 LLM 生成的解释与访问官方文档之间的权衡,以及对可靠性和潜在错误信息的担忧。开发者正在积极寻求用户对用户体验的反馈,并探索替代方法,包括混合解决方案和利用现有的语言服务器。该项目目前正接近在 Chrome 网上商店发布。
相关文章

原文

Hover over code on any webpage to see documentation. Like your IDE, but everywhere.

Works on documentation sites and AI chat apps like ChatGPT and Claude.

Demo

Demo 2


Note: This extension is coming to the chrome web store soon and will be linked here when available.

bun install && bun run build

Navigate to chrome://extensions → Enable Developer ModeLoad Unpacked → Select the dist_chrome folder

Click the extension icon, go to Settings, and add your OpenRouter API key or configure a custom OpenAI client compatible endpoint.

OpenRouter Settings

Custom Endpoint Settings

Set which websites the extension runs on using URL patterns (e.g. *://*.github.com/*).

Website Settings


bun run dev      # Dev server
bun run build    # Production build and lint
bun run lint     # Lint
bun run format   # Format
bun run package  # Build and create hover-extension.zip for Chrome Web Store

Optional: Create .env to bundle an API key into dev builds:

VITE_OPEN_ROUTER_API_KEY=your-key

See scripts/README.md for evaluation tools.

Known Issues & Future Improvements

See TASKS.md for a list of known issues and planned improvements.

See PRIVACY.md for details on data handling.

MIT

联系我们 contact @ memedata.com