跳过主要内容
通过 URL 提及,您可以将网页内容直接带入与 Cline 的对话中。只需输入 @ 后跟任意 URL,Cline 就可以查看该网页的内容,而无需您进行复制粘贴操作。 当您在聊天中输入 @ 后跟一个 URL(例如 @https://example.com)时,Cline 将获取该网页的内容并将其包含在上下文中。这适用于文档页面、GitHub issues、Stack Overflow 问题或任何您想要引用的其他网页内容。 在处理外部 API 或库时,我经常使用 URL 提及。我不再需要尝试解释 API 的工作原理或复制文档片段,而是直接引用文档:
I'm trying to implement authentication with this API: @https://api.example.com/docs/auth

Can you help me write the code to get an access token based on these docs?
这为 Cline 提供了完整的文档页面,因此它可以查看所有身份验证要求、端点、参数和示例。然后,Cline 可以根据官方文档提供更准确、更全面的帮助。 URL 提及对于引用 GitHub issue 或讨论特别有用:
I'm trying to fix this issue in our project: @https://github.com/our-org/our-repo/issues/123

Here's my current implementation: @/src/components/Feature.jsx

What changes do I need to make to address the issue?
这向 Cline 显示了完整的 GitHub issue,包括描述、评论以及任何代码片段或屏幕截图。然后,Cline 可以帮助您实施一个直接解决所报告问题的解决方案。 下次您处理外部文档或在线资源时,尝试使用 URL 提及而不是复制粘贴内容。您将获得更准确的帮助,因为 Cline 可以查看网页的完整上下文,包括格式、代码示例和周围的信息。

幕后工作原理

当您在消息中使用 URL 提及时,幕后会发生什么
  1. 当您发送消息时,Cline 会检测文本中的 @http://...@https://... 模式
  2. 扩展程序在后台启动一个无头浏览器 (Puppeteer)
  3. 它导航到 URL 并等待页面完全加载
  4. 浏览器捕获页面内容,包括文本、格式和代码示例
  5. 内容被转换为保留结构的 Markdown 格式
  6. 此内容以结构化格式附加到您的消息中
    <url_content url="https://example.com/docs">
    # Example API Documentation
    
    ## Authentication
    
    To authenticate with the API, you need to...
    
    const token = await api.authenticate({
      username: 'user',
      password: 'pass'
    });
    
    [Complete webpage content in Markdown format]
    </url_content>
    
  7. 然后浏览器关闭以释放资源
  8. 这条包含嵌入网页内容的增强消息将发送给 AI
只要您使用 URL 提及,此过程就会自动发生,使 AI 能够访问网页的完整内容,而无需您进行复制粘贴操作。