SmartTOC 是一款极简、轻量的 Chrome 浏览器扩展插件。它能够自动提取当前网页的标题结构,在页面侧边栏生成现代化的悬浮目录,极大提升长篇文档、技术博客的阅读与导航体验。
- 零样式污染:采用 Shadow DOM 隔离注入组件的 UI,绝对不干扰宿主网页的原有 CSS 布局。
- 极致轻量:纯原生 JavaScript 与 CSS3 开发,无 jQuery、React/Vue 等任何外部依赖。
- 丝滑交互:支持点击平滑滚动,并通过交叉观察器实时高亮当前阅读所在的章节。
- SPA 路由兼容:内置 DOM 变动监听,完美兼容 GitHub、掘金等单页应用的路由无刷新切换。
- 前沿标准:完全基于最新的 Chrome 扩展 Manifest V3 标准构建。
-
克隆本仓库到本地:
git clone [https://github.com/your-username/SmartTOC.git](https://github.com/your-username/SmartTOC.git)
-
打开 Chrome 浏览器,在地址栏输入
chrome://extensions/。 -
开启右上角的 “开发者模式”。
-
点击左上角的 “加载已解压的扩展程序”,选择刚刚克隆的 SmartTOC 文件夹即可。