生成网页大纲,提供清晰的结构和便捷的导航,提升阅读体验和效率。适用于新闻、博客、教程、文档、论文等各种网页。
Generating a table of contents on web page. Whether it’s news, blogs, tutorials, documents or essays. Providing a clear structure and convenient navigation to help you improve reading experience and efficiency.
打开Edge插件商店页面,点击获取进行安装
- 下载zip包(注意下载的是包名形式为 OneToc-vx.x.x.zip 的包,不要下载Source Code包)
- 解压到任意目录,如
~/one-toc/
- 在浏览器打开 chrome://extensions/ 页面
- 点击页面右上角开启
开发者模式
- 点击页面左上角
加载已解压的扩展程序
,最后选择上述解压目录
- 打开任意网页
- 生成目录:只需要按下快捷键
Ctrl+B
或Command+B
(Mac),也可以单击地址栏右侧的OneToc
插件图标 - 页内跳转:点击目录中的任意一个标题,就可以跳转到对应的内容位置
- 可以反映文档的逻辑层次和内容重点,方便快速浏览全文结构和定位章节、理解文档的主旨和目的
- 可以作为文档的导航工具,提高阅读文档的效率
- 可以提取网页中的标签化标题:包括
H1 ~ H6
、b
、strong
等HTML
标签 - 可以提取网页中的加粗标题、序号标题
- 提供自带、精选、所有等3种策略的解析结果以供选择
- 点击目录标题可快速跳转到对应内容
- 页面滚动时自动高亮当前目录标题
- 支持多层级目录
- 支持浅色、深色主题
- 支持浮动、内嵌的定位方式
- 支持自由拖拽
- 支持快捷键开关
- 在本地分析网页内容并生成目录,不会收集或上传任何个人信息和浏览数据
- 1、右键点击地址栏右侧的
OneToc
图标 - 2、点击弹出菜单中的选项按钮打开配置页面
- 3、修改配置后点击保存按钮会立即生效
插件提供默认、浅色、深色3种主题
插件提供浮动、嵌入2种定位方式
- 浮动定位:默认选项,浮动于内容上方,可能会遮挡网页内容,可自由拖拽
- 嵌入定位:嵌入网页左侧,将网页内容整体右移,不会遮挡网页内容,不可拖拽
嵌入效果与
vscode
左侧目录边栏类似,同样使用Command+B
快捷键开启或关闭
插件提供自带、精选和所有3种解析策略,可选择优先显示自带或精选。
自带是指网页已标识且符合规范的目录节点,精选是指程序筛选出更优的目录节点,所有则包含了自带、精选以及其他可能的目录节点。
- 自带:默认选项,优先显示自带目录
- 精选:优先显示精选目录
- 显示目录的快捷键默认为
Command+B
(Mac) 或Ctrl+B
(windows/linux) - 可点击
去设置
跳转到快捷键设置页面自行修改
目前只支持 Edge
和 Chrome
浏览器,在绝大部分文字为主的网页上都能使用。
感谢 JetBrains 提供的开源开发许可证支持!
Copyright (c) 2022-present, Whilconn