ChatGPT | TOC

Backend navigation with dynamic resizing, distinct icons, and bold-header support.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
piknockyou
1日のインストール数
0
累計インストール数
12
評価
0 0 0
バージョン
2.6
作成日
2025/12/01
更新日
2025/12/01
大きさ
16.7KB
ライセンス
MIT
対象サイト

ChatGPT Backend TOC

A lightweight Userscript that adds a collapsible Table of Contents sidebar to ChatGPT.

🚀 Why this script?

Most navigation extensions try to read the headers from the current webpage HTML. However, ChatGPT uses "lazy loading" (virtualization), meaning messages scroll off-screen are often removed from the code to save memory. This causes other extensions to "lose" parts of the conversation.

This script is different. It fetches the conversation data directly from ChatGPT's internal Backend API. This means:

  • It loads the entire conversation map instantly.
  • It never misses a header, even in extremely long chats.
  • It forces the browser to jump to the correct message ID, triggering the render on demand.

✨ Features

  • 100% Complete: Navigates the full history, not just what is currently visible.
  • Deep Navigation: Detects Markdown headers (#) and Bold Text as clickable sub-sections.
  • Smart Scrolling: Calculates the correct scroll position so text doesn't hide behind the top header bar.
  • Clean UI:
    • Resizable sidebar (drag the edge).
    • Distinct icons for User (Gray) vs. AI (Green).
    • Expand/Collapse arrows for nested content.
    • Long titles auto-expand when you widen the sidebar.

Credits

Heavily inspired by the Scroll Extension by Asker Kurtelli. This version was ported to a Userscript to utilize direct API fetching and reduce the need for a full browser extension.