> ## Documentation Index
> Fetch the complete documentation index at: https://ophel.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 安装 Ophel Atlas — Chrome、Edge、Firefox 或油猴脚本

> 从 Chrome 网上应用店、Edge add-ons、Firefox 附加组件商店、Greasy Fork、ScriptCat 安装 Ophel Atlas，或从 GitHub Releases 手动加载，四步以内完成。

Ophel Atlas 支持 Chrome/Edge 扩展、Firefox 扩展，以及通过 Greasy Fork 或 ScriptCat 安装的油猴脚本。推荐优先使用浏览器扩展——功能更完整，兼容性更好，正式安装后无需开发者模式。

<Tip>
  尽量使用浏览器扩展版本。油猴脚本版本相比扩展有功能限制，在部分平台上的兼容性也较低。
</Tip>

<Note>
  GitHub Releases 和浏览器商店更新是两个独立步骤。新的 GitHub Release
  只表示文件已经在 GitHub 发布，但 Chrome 网上应用店、Microsoft Edge
  add-ons、Firefox 附加组件商店、Greasy Fork 和 ScriptCat
  都有各自的提交、审核、批准和分发流程。商店和脚本目录版本可能暂时落后于 GitHub
  Releases，或彼此不同步。如需确认当前已发布版本，请以各商店公开页面显示的版本为准。
</Note>

## 下载

<div
  style={{
display: "grid",
gridTemplateColumns: "repeat(2,1fr)",
gap: "16px",
margin: "0 0 32px",
}}
>
  <a
    href="https://chromewebstore.google.com/detail/ai-chat-organizer-outline/lpcohdfbomkgepfladogodgeoppclakd"
    target="_blank"
    style={{
  display: "flex",
  flexDirection: "column",
  gap: "10px",
  padding: "16px",
  border: "1px solid rgba(128,128,128,0.2)",
  borderRadius: "12px",
  textDecoration: "none",
  color: "inherit",
}}
  >
    <span
      style={{
    display: "flex",
    alignItems: "center",
    gap: "7px",
    fontWeight: "600",
    fontSize: "14px",
    margin: "0",
    lineHeight: "1.4",
  }}
    >
      <img
        alt="Chrome 图标"
        src="https://mintcdn.com/urzeye/mXhb1WlSKS61_yHv/images/icons/chrome.svg?fit=max&auto=format&n=mXhb1WlSKS61_yHv&q=85&s=ec6ed4fd0c33a96568c36c6f8dccf833"
        style={{
      display: "block",
      width: "16px",
      height: "16px",
      margin: "0",
      flexShrink: "0",
    }}
        width="1024"
        height="1024"
        data-path="images/icons/chrome.svg"
      />

      Chrome
    </span>

    <span
      style={{
    display: "flex",
    gap: "6px",
    flexWrap: "wrap",
    margin: "0",
    padding: "0",
    lineHeight: "1",
  }}
    >
      <img alt="Chrome 网上应用店用户数徽章" src="https://img.shields.io/chrome-web-store/users/lpcohdfbomkgepfladogodgeoppclakd?logo=google-chrome&logoColor=white&label=%E7%94%A8%E6%88%B7%E6%95%B0&color=4285F4" style={{ display: "block", margin: "0", height: "20px" }} />

      <img alt="Chrome 网上应用店评分徽章" src="https://img.shields.io/chrome-web-store/stars/lpcohdfbomkgepfladogodgeoppclakd?logo=google-chrome&logoColor=white&color=4285F4" style={{ display: "block", margin: "0", height: "20px" }} />
    </span>
  </a>

  <a
    href="https://microsoftedge.microsoft.com/addons/detail/ophel-atlas-ai-chat-navi/ffpenkdeifijngifjmbbpijfpdhlolga"
    target="_blank"
    style={{
  display: "flex",
  flexDirection: "column",
  gap: "10px",
  padding: "16px",
  border: "1px solid rgba(128,128,128,0.2)",
  borderRadius: "12px",
  textDecoration: "none",
  color: "inherit",
}}
  >
    <span
      style={{
    display: "flex",
    alignItems: "center",
    gap: "7px",
    fontWeight: "600",
    fontSize: "14px",
    margin: "0",
    lineHeight: "1.4",
  }}
    >
      <img
        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI5NnB4IiBoZWlnaHQ9Ijk2cHgiPjxwYXRoIGZpbGw9IiMxZTg4ZTUiIGQ9Ik00MC42OSwzNS40MmMtOS4xNSwxMS44OC0yMS40MSw4LjgtMjYuMjMsNi4xIGMtNy4zNS00LjExLTEyLjUtMTMuNjgtOS40NC0yMy4yNWMwLjktMi44MiwyLjI3LTUuMjMsMy45OC03LjIzYzEuNjcsMC4xMywzLjY1LDAuMTMsNi0wLjA0YzE0LTEsMTgsMTEsMTcsMTQgYy0wLjUxLDEuNTMtMi4zMiwyLjAyLTMuOTcsMi4xM2MwLjE2LTAuMjIsMC4zNi0wLjU0LDAuNjQtMS4wMmMwLjg3LTEuNTQsMC45OC00LjQ5LTEuNzMtNi4yN2MtMi42MS0xLjctNS40My0wLjY1LTYuODgsMS4yOCBjLTEuNDUsMS45Mi0wLjg4LDQuODEtMC4zNyw2LjA5YzIuMiw1LjUyLDYuMjYsNi45NSw5LjAyLDcuNzhjMi43NiwwLjgzLDYuODYsMC43MSw5LjA1LTAuMTljMi4xOC0wLjkxLDIuOC0xLjQzLDMuMjItMC45NyBDNDEuNDEsMzQuMjksNDEuMTEsMzQuODIsNDAuNjksMzUuNDJ6Ii8+PHBhdGggZmlsbD0iIzBkNDdhMSIgZD0iTTQwLjczMiwzNS40MmMtMy40OCw0LjUyLTcuNDEsNi44Ny0xMS4yMSw3LjkxIGMtMC4wMywwLjAxLTAuMDYsMC4wMS0wLjA4LDAuMDJjLTIuMiwwLjQyLTMuOTUsMC4wOC01Ljg1LTAuMjljLTMuMDktMC42LTcuMzUtNC4wMS04LjM4LTEwLjE4Yy0wLjg4LTUuMzEsMS42My05LjgxLDUuNTktMTIuNTQgYy0wLjI2LDAuMjQtMC40OSwwLjUtMC43LDAuNzhjLTEuNDUsMS45Mi0wLjg4LDQuODEtMC4zNyw2LjA5YzIuMiw1LjUyLDYuMjYsNi45NSw5LjAyLDcuNzhjMi43NiwwLjgzLDYuODYsMC43MSw5LjA1LTAuMTkgYzIuMTgtMC45MSwyLjgtMS40MywzLjIyLTAuOTdDNDEuNDUyLDM0LjI5LDQxLjE1MiwzNC44Miw0MC43MzIsMzUuNDJ6Ii8+PHBhdGggZmlsbD0iIzAwZTVmZiIgZD0iTTI2Ljk0LDQuMjVjMC4wMiwwLjI2LDAuMDMsMC41NCwwLjAzLDAuODFjMCwzLjc4LTEuNzUsNy4xNC00LjQ4LDkuMzIgYy0xLjAyLTAuNTItMi4yMS0wLjk0LTMuNjUtMS4yMmMtNC4wNy0wLjc4LTEwLjYzLDEuMS0xMy4zLDUuNzdjLTAuODgsMS41My0xLjI1LDMuMS0xLjQxLDQuNTVjMC4wNC0xLjcxLDAuMzMtMy40NiwwLjg5LTUuMjEgQzguMzEsOC4wMSwxNy44NiwzLjA1LDI2Ljk0LDQuMjV6Ii8+PHBhdGggZmlsbD0iIzAwZTY3NiIgZD0iTTQxLjQsMjcuODljLTIuNzYsMi43OC02LjI3LDIuODYtOC42NywyLjczIGMtMi40MS0wLjEyLTMuNTktMC44Mi00LjY5LTEuNWMtMS4xMS0wLjY5LTAuNDgtMS4zNy0wLjM3LTEuNTJjMC4xMS0wLjE1LDAuMzgtMC40MSwxLTEuNDljMC4yOS0wLjUxLDAuNS0xLjE4LDAuNTQtMS45MSBjNC42Mi0zLjQzLDcuOTYtOC40OSw5LjE2LTE0LjM0YzIuOTIsMi45NSw0LjMsNi4yMSw0Ljc5LDcuNjFDNDQuMDQsMTkuOTksNDQuNzEsMjQuNTYsNDEuNCwyNy44OXoiLz48cGF0aCBmaWxsPSIjMWRlOWI2IiBkPSJNMzguMzcsOS44NXYwLjAxYy0xLjIsNS44NS00LjU0LDEwLjkxLTkuMTYsMTQuMzRjMC4wMy0wLjQyLDAtMC44Ny0wLjEtMS4zMiBjMC0wLjAyLTAuMDEtMC4wNC0wLjAxLTAuMDVjLTAuMjUtMS40Ny0wLjk5LTMuMzMtMi4yMi00Ljc3Yy0xLjIyLTEuNDQtMi41Mi0yLjczLTQuMzktMy42OGMyLjczLTIuMTgsNC40OC01LjU0LDQuNDgtOS4zMiBjMC0wLjI3LTAuMDEtMC41NS0wLjAzLTAuODFjMC40LDAuMDUsMC43OSwwLjExLDEuMTksMC4xOUMzMi43NCw1LjMzLDM2LjA0LDcuNDksMzguMzcsOS44NXoiLz48L3N2Zz4="
        style={{
      display: "block",
      width: "16px",
      height: "16px",
      margin: "0",
      flexShrink: "0",
    }}
        alt="Edge 图标"
      />

      Edge
    </span>

    <span
      style={{
    display: "flex",
    gap: "6px",
    flexWrap: "wrap",
    margin: "0",
    padding: "0",
    lineHeight: "1",
  }}
    >
      <img alt="Edge add-ons 安装徽章" src="https://img.shields.io/badge/Edge_add--ons-%E5%AE%89%E8%A3%85-0078D7?logo=microsoft-edge&logoColor=white&style=flat" style={{ display: "block", margin: "0", height: "20px" }} />
    </span>
  </a>

  <a
    href="https://addons.mozilla.org/firefox/addon/ophel-ai-chat-enhancer/"
    target="_blank"
    style={{
  display: "flex",
  flexDirection: "column",
  gap: "10px",
  padding: "16px",
  border: "1px solid rgba(128,128,128,0.2)",
  borderRadius: "12px",
  textDecoration: "none",
  color: "inherit",
}}
  >
    <span
      style={{
    display: "flex",
    alignItems: "center",
    gap: "7px",
    fontWeight: "600",
    fontSize: "14px",
    margin: "0",
    lineHeight: "1.4",
  }}
    >
      <img
        alt="Firefox 图标"
        src="https://cdn.simpleicons.org/firefox/FF7139"
        style={{
      display: "block",
      width: "16px",
      height: "16px",
      margin: "0",
      flexShrink: "0",
    }}
      />

      Firefox
    </span>

    <span
      style={{
    display: "flex",
    gap: "6px",
    flexWrap: "wrap",
    margin: "0",
    padding: "0",
    lineHeight: "1",
  }}
    >
      <img alt="Firefox 附加组件用户数徽章" src="https://img.shields.io/amo/users/ophel-ai-chat-enhancer?logo=firefox&logoColor=white&label=%E7%94%A8%E6%88%B7%E6%95%B0&color=FF7139" style={{ display: "block", margin: "0", height: "20px" }} />

      <img alt="Firefox 附加组件评分徽章" src="https://img.shields.io/amo/stars/ophel-ai-chat-enhancer?logo=firefox&logoColor=white&color=FF7139" style={{ display: "block", margin: "0", height: "20px" }} />
    </span>
  </a>

  <a
    href="https://greasyfork.org/scripts/563646-ophel-ai-chat-page-enhancer"
    target="_blank"
    style={{
  display: "flex",
  flexDirection: "column",
  gap: "10px",
  padding: "16px",
  border: "1px solid rgba(128,128,128,0.2)",
  borderRadius: "12px",
  textDecoration: "none",
  color: "inherit",
}}
  >
    <span
      style={{
    display: "flex",
    alignItems: "center",
    gap: "7px",
    fontWeight: "600",
    fontSize: "14px",
    margin: "0",
    lineHeight: "1.4",
  }}
    >
      <img
        alt="Greasy Fork 图标"
        src="https://cdn.simpleicons.org/greasyfork/4C4C4C"
        style={{
      display: "block",
      width: "16px",
      height: "16px",
      margin: "0",
      flexShrink: "0",
    }}
      />

      Greasy Fork
    </span>

    <span
      style={{
    display: "flex",
    gap: "6px",
    flexWrap: "wrap",
    margin: "0",
    padding: "0",
    lineHeight: "1",
  }}
    >
      <img alt="Greasy Fork 安装数徽章" src="https://img.shields.io/greasyfork/dt/563646?logo=tampermonkey&logoColor=white&label=%E5%AE%89%E8%A3%85%E6%95%B0&color=4C4C4C" style={{ display: "block", margin: "0", height: "20px" }} />

      <img alt="Greasy Fork 评分数徽章" src="https://img.shields.io/greasyfork/rating-count/563646?logo=tampermonkey&logoColor=white&label=%E8%AF%84%E5%88%86%E6%95%B0&color=4C4C4C" style={{ display: "block", margin: "0", height: "20px" }} />
    </span>
  </a>

  <a
    href="https://scriptcat.org/script-show-page/6519"
    target="_blank"
    style={{
  display: "flex",
  flexDirection: "column",
  gap: "10px",
  padding: "16px",
  border: "1px solid rgba(128,128,128,0.2)",
  borderRadius: "12px",
  textDecoration: "none",
  color: "inherit",
}}
  >
    <span
      style={{
    display: "flex",
    alignItems: "center",
    gap: "7px",
    fontWeight: "600",
    fontSize: "14px",
    margin: "0",
    lineHeight: "1.4",
  }}
    >
      <img
        alt="ScriptCat 图标"
        src="https://mintcdn.com/urzeye/Rsgx-P9Kl83CpF2I/images/icons/scriptcat.png?fit=max&auto=format&n=Rsgx-P9Kl83CpF2I&q=85&s=2c54afb1990270a3f9cb05748677a090"
        style={{
      display: "block",
      width: "16px",
      height: "16px",
      margin: "0",
      flexShrink: "0",
    }}
        width="32"
        height="32"
        data-path="images/icons/scriptcat.png"
      />

      ScriptCat
    </span>

    <span
      style={{
    display: "flex",
    gap: "6px",
    flexWrap: "wrap",
    margin: "0",
    padding: "0",
    lineHeight: "1",
  }}
    >
      <img alt="ScriptCat 安装徽章" src="https://img.shields.io/badge/ScriptCat-%E5%AE%89%E8%A3%85-1597FF?style=flat" style={{ display: "block", margin: "0", height: "20px" }} />
    </span>
  </a>
</div>

## 从商店或脚本目录安装

<Tabs>
  <Tab title="Chrome">
    从 Chrome 网上应用店安装，无需开发者模式。

    <Steps>
      <Step title="打开 Chrome 网上应用店页面">
        前往 [Ophel Atlas 在 Chrome 网上应用店的页面](https://chromewebstore.google.com/detail/ai-chat-organizer-outline/lpcohdfbomkgepfladogodgeoppclakd)。
      </Step>

      <Step title="点击「添加至 Chrome」">
        点击 **添加至 Chrome**，在权限提示中确认。
      </Step>

      <Step title="打开任意支持的 AI 网站">
        前往任意[支持的平台](/docs/zh/introduction#支持的平台)，例如 [chatgpt.com](https://chatgpt.com) 或 [claude.ai](https://claude.ai)。Ophel 侧边面板会自动出现在页面右侧。
      </Step>
    </Steps>
  </Tab>

  <Tab title="Edge">
    直接从 Microsoft Edge add-ons 安装。

    <Steps>
      <Step title="打开 Edge add-ons 页面">
        前往 [Ophel Atlas 在 Edge add-ons 的页面](https://microsoftedge.microsoft.com/addons/detail/ophel-atlas-ai-chat-navi/ffpenkdeifijngifjmbbpijfpdhlolga)。
      </Step>

      <Step title="点击「获取」">
        点击 **获取**，在权限提示中确认。
      </Step>

      <Step title="打开任意支持的 AI 网站">
        前往任意[支持的平台](/docs/zh/introduction#支持的平台)，例如 [chatgpt.com](https://chatgpt.com) 或 [claude.ai](https://claude.ai)。Ophel 侧边面板会自动出现在页面右侧。
      </Step>
    </Steps>
  </Tab>

  <Tab title="Firefox">
    从 Firefox 附加组件商店安装，支持自动更新。

    <Steps>
      <Step title="打开 Firefox 附加组件页面">
        前往 [Firefox 附加组件商店的 Ophel AI Chat Enhancer 页面](https://addons.mozilla.org/firefox/addon/ophel-ai-chat-enhancer/)。
      </Step>

      <Step title="点击「添加至 Firefox」">
        点击 **添加至 Firefox**，在权限提示中确认。
      </Step>

      <Step title="打开任意支持的 AI 网站">
        前往任意[支持的平台](/docs/zh/introduction#支持的平台)，Ophel 面板自动出现。
      </Step>
    </Steps>
  </Tab>

  <Tab title="油猴脚本（Tampermonkey）">
    适合无法安装浏览器扩展，或偏好 Tampermonkey 工作流的用户。

    <Warning>
      油猴脚本版本功能有限，建议在条件允许时安装扩展版本。
    </Warning>

    <Steps>
      <Step title="安装 Tampermonkey">
        如果还没有，先为你的浏览器安装 [Tampermonkey](https://www.tampermonkey.net/)。
      </Step>

      <Step title="打开 Greasy Fork 页面">
        前往 [Greasy Fork 上的 Ophel AI Chat Page Enhancer](https://greasyfork.org/scripts/563646-ophel-ai-chat-page-enhancer)。
      </Step>

      <Step title="点击「安装此脚本」">
        点击 **安装此脚本**。Tampermonkey 弹出确认对话框，点击 **安装**。
      </Step>

      <Step title="打开任意支持的 AI 网站">
        前往任意[支持的平台](/docs/zh/introduction#支持的平台)，Ophel 面板自动出现。
      </Step>
    </Steps>
  </Tab>

  <Tab title="油猴脚本（ScriptCat）">
    适合偏好 ScriptCat 脚本管理器的用户。

    <Warning>
      油猴脚本版本功能有限，建议在条件允许时安装扩展版本。
    </Warning>

    <Steps>
      <Step title="安装 ScriptCat">
        如果还没有，先为你的浏览器安装 [ScriptCat](https://scriptcat.org/)。
      </Step>

      <Step title="打开 ScriptCat 页面">
        前往 [ScriptCat 上的 Ophel AI Chat Page Enhancer](https://scriptcat.org/script-show-page/6519)。
      </Step>

      <Step title="安装脚本">
        点击 ScriptCat 页面上的安装按钮，并在 ScriptCat 中确认安装。
      </Step>

      <Step title="打开任意支持的 AI 网站">
        前往任意[支持的平台](/docs/zh/introduction#支持的平台)，Ophel 面板自动出现。
      </Step>
    </Steps>
  </Tab>
</Tabs>

## 从 GitHub Releases 手动加载

适用于安装特定版本、测试预发布构建，或不想通过商店安装的情况。

<Warning>
  不要手动安装 `*-cws-upload.zip` 或
  `*-edge-addons-upload.zip`。这些文件是维护者提交浏览器商店使用的包，不代表商店版本已经审核通过或完成分发。
</Warning>

<Tabs>
  <Tab title="Chrome / Edge（手动）">
    <Steps>
      <Step title="下载发布包">
        前往 [GitHub Releases](https://github.com/urzeye/ophel/releases)，下载最新的 `ophel-vX.X.X-chrome.zip`。
      </Step>

      <Step title="解压到本地文件夹">
        将 zip 文件解压到本地某个固定文件夹（不要放在临时目录）。
      </Step>

      <Step title="打开扩展管理页面">
        Chrome 地址栏输入 `chrome://extensions`（Edge 输入 `edge://extensions`），打开扩展管理。
      </Step>

      <Step title="开启开发者模式">
        打开右上角的**开发者模式**开关。
      </Step>

      <Step title="加载已解压的扩展程序">
        点击**加载已解压的扩展程序**，选择刚才解压的文件夹。
      </Step>
    </Steps>

    <Warning>
      手动加载的扩展不会自动更新。如需更新，请重复以上步骤，用新版本替换旧文件夹。
    </Warning>
  </Tab>

  <Tab title="Firefox（手动临时加载）">
    <Steps>
      <Step title="下载发布包">
        前往 [GitHub Releases](https://github.com/urzeye/ophel/releases)，下载最新的 `ophel-vX.X.X-firefox.zip`。
      </Step>

      <Step title="打开 Firefox 调试页面">
        地址栏输入 `about:debugging#/runtime/this-firefox`。
      </Step>

      <Step title="点击「临时载入附加组件」">
        点击**临时载入附加组件**，选择下载的 zip 文件。
      </Step>
    </Steps>

    <Note>
      Firefox 临时加载的扩展在浏览器重启后会失效，需重新加载。如需永久安装，请使用 Firefox 附加组件商店版本。
    </Note>
  </Tab>

  <Tab title="油猴脚本（手动）">
    <Steps>
      <Step title="安装 Tampermonkey">
        如果还没有，先为你的浏览器安装 [Tampermonkey](https://www.tampermonkey.net/)。
      </Step>

      <Step title="下载用户脚本文件">
        前往 [GitHub Releases](https://github.com/urzeye/ophel/releases)，下载最新的 `.user.js` 文件。
      </Step>

      <Step title="安装脚本">
        将 `.user.js` 文件拖入浏览器窗口，或打开 Tampermonkey 管理面板并使用**从文件导入**。出现确认提示后完成安装。
      </Step>
    </Steps>
  </Tab>
</Tabs>

## 安装后的下一步

安装完成后，打开任意[支持的 AI 网站](/docs/zh/introduction#支持的平台)，参阅[面板概览](/docs/zh/panel-overview)了解侧边面板的基础操作和浮动按钮的使用方式。