V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
FallenMax
V2EX  ›  分享创造

[Chrome 扩展] Smart TOC: 生成当前网页的标题目录

  •  
  •   FallenMax · 2016-05-15 17:36:28 +08:00 · 606 次点击
    这是一个创建于 2914 天前的主题,其中的信息可能已经有所发展或是发生改变。

    LINK: https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba

    只要携带了正确标题等级(H1,H2,H3..)的网页理论上都支持, 如:

    • Github
    • Wikipedia
    • npm

    安装以后点图标(默认快捷键 Ctrl+Shift+E ),为当前网页创建一个目录,效果如下(图片可能要翻墙):

    img

    求反馈 :D

    Chrome 扩展商店: https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba Github 地址: https://github.com/FallenMax/smart-toc

    9 条回复    2016-05-19 16:42:59 +08:00
    liujiangbei
        1
    liujiangbei  
       2016-05-15 18:05:40 +08:00
    装了下,没看到效果,按照快捷键使用 也没有反应 Mac chrome
    FallenMax
        2
    FallenMax  
    OP
       2016-05-15 18:16:45 +08:00
    @liujiangbei 多谢反馈:D

    扩展安装以后, 当前的网页要刷新以后扩展才生效.
    此外这个扩展是针对有"文章"和"标题"概念的网页, 比如这种: https://github.com/audreyr/favicon-cheat-sheet
    如果没有检测到文章的话, 点了没有效果 (只会在控制台打一句"no article detected" ) . 看看是不是这样?
    wandero
        3
    wandero  
       2016-05-15 19:09:11 +08:00
    @FallenMax 功能和界面都很赞,感谢
    功能上不知道能否加上自动编号和热键跳转(其实现在这样已经很方便了)
    自动编号 自动对目录生成编号,然后在目录面板激活的情况下键入编号直接跳转
    如果这个很难实现的话,只加一个跳转到下一条目的热键不知道行不行
    再次感谢
    FallenMax
        4
    FallenMax  
    OP
       2016-05-15 23:11:20 +08:00
    @liujiangbei
    加上了没有检测到文章时的界面提示 (只偷偷在控制台打一句话好像确实不友好 ^^)

    @wandero
    谢过肯定和建议 :D

    热键跳转到上一条 /下一条的功能好像还比较直观, 可以试试加上 (但因为可能存在多级目录, 所以"下一条目"跳到哪里还要想想看(或者提供多级目录的跳转?))
    在目录面板输入编号跳转, 这个操作有点复杂哟, 而且喜欢纯键盘浏览的同学....
    ...
    ...
    一定已经安装了 Vimium!
    链接: https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb
    墙裂推荐! 它是用来支持纯键盘浏览的真.大杀器! 对 SmartTOC 目录的支持也不错, 安装后在生成目录的页面按 f, 输入标题编号可以直接跳转到对应标题. 可以一试~
    wandero
        5
    wandero  
       2016-05-16 09:29:16 +08:00
    @FallenMax 哦,支持 vimium 那的确没必要,目录跳转可以考虑最低级别的目录跳转,这样可以快速跳读全文
    扩展已经很好用了,加功能也只是锦上添花
    LWXYFER
        6
    LWXYFER  
       2016-05-16 09:51:52 +08:00
    好棒,已 start 。 另外说下其实我也准备写 TOC 插件的,这里: https://github.com/lwxyfer/toolkit/tree/master/tocX 。不过我是个菜鸟,写的惨不忍睹。
    按我的想法是可以支持自定义匹配的: 不仅是 header ,还有比如 V2 的楼层,知乎答案的楼层这种。生成的 TOC 能自定义网页位置也是极好的。
    FallenMax
        7
    FallenMax  
    OP
       2016-05-16 10:50:56 +08:00
    @LWXYFER
    握手....其实我发布以后在商店一搜, 也发现这东西已经有人做过, 而且做的不错 (悲伤脸) 不过支持自定义匹配的插件**好像**没有, 可以一试^^

    Outlineer: https://chrome.google.com/webstore/detail/outliner/kdabjjgkcfjdlbpneackoihbkdpdmodp
    EasyReader: https://chrome.google.com/webstore/detail/easyreader/boamfheepdiallipiieadpmnklbhadhc
    FallenMax
        8
    FallenMax  
    OP
       2016-05-19 14:22:23 +08:00
    @wandero 加上了 上一条 /下一条 快捷键支持
    wandero
        9
    wandero  
       2016-05-19 16:42:59 +08:00
    @FallenMax 感谢,体验了下,这样比 vimum 还是要方便很多(不用看链接上的字母)

    另外有些网站的 sidebar 之类好像用了 z-index 属性导致目录面板被挡住,建议改善下

    outlineer 改变了页面布局, easyreader 在目录这项功能上繁琐了一些, smarttoc 还是好用一些

    可惜 inoreader 的页面结构好像不支持( feedly 的长文使用效果倒是不错)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5603 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 07:17 · PVG 15:17 · LAX 00:17 · JFK 03:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.