Back to Chromeappheroes

112《Smart TOC》节约滚动网页时间, 为任意网页自动添加索引,生成浮动智能小目录

docs/112-smart-toc-2021-09-09.md

latest4.2 KB
Original Source

如果你浏览的网页很长,Smart TOC可以帮你智能生成索引,快速定位到网页的特定位置

在Github浏览《嘎!RSS》索引

如果你对RSS感兴趣, 可以在开源项目《嘎!RSS》 github.com/zhaoolee/garss 找到很多有意思的源, 并每天定时调用Github Actions 刷新出最新的文章标题和索引, 支持将当日新内容, 以锤子便签的排版风格发送到自己的邮箱中~

浏览Chrome插件英雄榜的超长README.md 支持多层展开

查看文章

比原版百科更直观清晰的索引

快速刷各种政务网站(如果题目过长,还能移动索引位置)

《Smart TOC》 下载链接

<table style="table-layout: fixed;"> <tbody> <tr> <td><div style="text-align: center;"><div style="font-weight: bold">Chrome</div> <div style="text-align: center;"></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">Edge</div> <div></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">FireFox</div> <div style="text-align: center;"></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">离线安装包</div> <div style="text-align: center;"></div></div></td> </tr> <tr> <td> <div style="text-align: center;"> <a href="https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba">下载链接 / Download link</a> </div> </td> <td> <div style="text-align: center;"> 暂无 </div> </td> <td> <div style="text-align: center;"> <a href="https://addons.mozilla.org/en-US/firefox/addon/smart_toc/">下载链接 / Download link</a> </div> </td> <td> <div style="text-align: center;"><a href="https://cdn.jsdelivr.net/gh/zhaoolee/ChromeAppHeroes/backup/112-smart-toc.zip">下载链接 / Download link</a></div> </td> </tr> </tbody> </table>

小结

Smart TOC对每天查阅大量文章资料的人很有帮助, 能快速定位到自己感兴趣的段落, 减少了鼠标滚轮的损耗, 节约了滚动定位的时间.

Smart TOC的实现原理是获取页面内的标题标签,并计算距离页面顶部的高度,生成索引,当用户点击索引时,只需让页面滚动相应的高度即可。

速读文章的诀窍是先了解文章结构, 再精读自己最感兴趣的段落内容, Smart TOC恰好能帮用户快速查看文章结构, 用户只需选择自己喜欢的段落精读即可~

写在最后(我需要你的支持) / At the end (I need your support)

  • 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

  • This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

  • Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

  • ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.