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

做了一个 chrome 插件,将书签映射到「新标签页」,要来试试吗?

  •  
  •   LinkTen · 2021-12-16 00:28:50 +08:00 · 3104 次点击
    这是一个创建于 1099 天前的主题,其中的信息可能已经有所发展或是发生改变。

    新建标签页的时候,既不想看广告,也不想光秃秃地只有一个搜索框? 那就把新标签页放点自己喜欢的东西吧?书签怎么样?

    隆重推荐:Yuri Tabs

    我平时不喜欢用窄窄的一条“书签栏”找具体书签,也不太喜欢用第三方插件呼出一个小窗口去找书签; 所以就用「书签」把原本没啥用的 「新标签页」 全部铺满了。

    特点

    • 新建标签页被书签收藏铺满!
    • 大量外观可选项,包括不同的背景材质、图标风格、间距宽度等。
    • 展示书签 Block List 、图标缓存、快捷键指引等特性。
    • 搜索框,可选 4 种搜索工具,输入时可同时筛选书签内容。

    截止发帖时刚用两天的闲暇时间迭代了 10 多个小功能,所以这一版 0.1.0 版本还算满意。

    想要体验的话点击: 前往 Google 商店安装

    顺带一提,这个插件是 纯原生 html + js + css 写的,没有使用任何第三方库和工具,只引入了几个静态 css 文件。本以为太习惯用 React 会不适应,但是开发起来意外得快:而且没有 npm 、yarn 、node_modules 、没有 webpack 、没有 jQuery 、没有任何乱七八糟的东西,留下来的原生代码确实 漂亮

    有想法的朋友欢迎留言评论,欢迎抓虫提需求。

    25 条回复    2022-02-23 11:01:29 +08:00
    auh
        1
    auh  
       2021-12-16 00:34:35 +08:00   ❤️ 2
    安装体验了一下,果断卸载。书签太多了。
    LinkTen
        2
    LinkTen  
    OP
       2021-12-16 00:53:07 +08:00
    @auh 因为从第一级开始完全展开了所有文件夹,拍平成了密铺的书签小卡片;

    产品的角度上看,确实需要想一个好一点的方案来隐藏掉“过多的标签”;
    另一方面,这也对用户日常书签整理提出了一些要求:“整理时有分类目录,分门别类放置好书签,删除掉不必要的书签” 等等,
    一旦分类做好,这种 “按图索骥” 的效果就会直接降低平时找书签的心智成本
    LinkTen
        3
    LinkTen  
    OP
       2021-12-16 00:53:33 +08:00   ❤️ 1
    @auh 感谢试用!
    jqtmviyu
        4
    jqtmviyu  
       2021-12-16 00:55:50 +08:00   ❤️ 1
    newt-a-better-new-tab, 我一直在用这个. 可惜 firefox 上没找到
    LinkTen
        5
    LinkTen  
    OP
       2021-12-16 01:02:35 +08:00
    @jqtmviyu 我未来会设法上架 firefox 的,感谢试用!
    aabbcc112233
        6
    aabbcc112233  
       2021-12-16 01:43:56 +08:00   ❤️ 1
    听描述是我想要的,之前也想做一个来着。
    唯一担心的是隐私问题怎么保证的?
    ISVStar
        7
    ISVStar  
       2021-12-16 01:53:56 +08:00   ❤️ 1
    @LinkTen 书签太多了,只能分的很细。一级都放不下这么多文件夹。建议做个二级文件夹悬浮展开的逻辑。
    butanediol2d
        8
    butanediol2d  
       2021-12-16 02:34:32 +08:00 via iPhone
    Safari:?
    ohmyself
        9
    ohmyself  
       2021-12-16 09:27:10 +08:00 via iPhone   ❤️ 1
    一直用那个千山
    LinkTen
        10
    LinkTen  
    OP
       2021-12-16 10:11:57 +08:00
    @aabbcc112233
    1 ,可以检查网络请求,除了查询 icon 之外没有任何流量,而且就算整个断网也可以使用。
    2 ,未来有开源的计划,可以审查代码
    LinkTen
        11
    LinkTen  
    OP
       2021-12-16 10:12:38 +08:00
    @ISVStar 悬浮展开确实想过,但是没有找到比较好的交互形式,我会再想想的
    LinkTen
        12
    LinkTen  
    OP
       2021-12-16 10:28:40 +08:00
    @ohmyself 看了一下,还不太一样:

    Yuri Tabs 是只依托于书签生成的,所有信源都来源于用户自己数据;
    千山收录了太多站点,是由官方人员维护的 “站点名单”;

    怎么说呢,理念上,“收录站点推荐给用户” 这个事 Yuri Tabs 是不会做的,如果确实需要这个功能,千山看起来的确更符合你的需求一些,这是很好的。

    感谢你的试用!
    biibii
        13
    biibii  
       2021-12-16 11:13:19 +08:00
    就是因为书签才一直用 safari
    auh
        14
    auh  
       2021-12-16 11:54:54 +08:00
    @LinkTen 提议个想法:
    1. 书签是对抽象的保存,广义的理解。细分保存内容的性质。可以进行大致的归类。
    - 文章
    - 某位大佬的博客
    - 某些常用站点
    - 某些常用工具站点,或者工具指令比如,chrome::/等等
    - 一些有趣的收藏,生活化的东西。

    2. 细分内容之后,对内容的优先级( a 最大),进行排序。展示。
    - a. 常用站点 /大佬博客 /
    - b. 工具
    - c. 细分文章,主要针对自己笔记知识结构的分类。比如,java 学习,等等自己作为程序员,或者其他兴趣爱好的知识结构分类。
    - d. 杂乱的趣闻。其实这个也可以归类于知识结构。但是知识结构,需要有主次之分,尤其是工作,和生活兴趣区分开。一个走专业路线,一个走了解和逐渐补全的路线。

    3. 展示方式:
    1. 目前这种铺天盖地的展示方式。适合,常用站点(这个其实对一般需要很重要,但是有更好的方式),大佬博客(这个很重要,类似 RSS 但又不是)
    2. 折叠,处于一个折叠箱里面
    3. 结构化折叠。对于知识结构的分类汇总式折叠。

    4. 设计核心总结:
    可以看到,书签,真的不是单纯的书签,包含了很多内容性质。导航类的,知识结构类的。
    所以,对于原始书签的优化。只有在分类展示上面。
    可以,丰富几种针对目标内容的展示方式。导航展示方式,知识结构展示方式,工具集展示方式。
    那么用户,在使用的时候,只需要,选定哪个目录为哪种性质。扩展自动的呈现不同的展示。

    剩下的怎么展示的问题。自己有点基于某种文化的审美取向。设计就 ok 了。在达到目的基础上,优化感受。
    LinkTen
        15
    LinkTen  
    OP
       2021-12-16 14:02:02 +08:00
    @auh 了解。确实有很多人对于书签的用法大不同,都基于在 chrome://bookmarks/ 里面整理好

    现在看来确实需要强化视图这一块,目前还没有想到比较完美的方案;
    密铺的缺点和优势都很明显,我可以继续探索下别的方式呈现,希望到时可以做得更好些。

    感谢试用!
    fernandoxu
        16
    fernandoxu  
       2021-12-16 16:51:36 +08:00
    可是有 toby 了
    Daige
        17
    Daige  
       2021-12-16 19:33:32 +08:00
    兼容一下 QQ 浏览器
    psterman
        18
    psterman  
       2021-12-17 11:44:46 +08:00
    试用了,但是归类效果没有达到预期,图标和文字怎么排列才能醒目有序,又不会密集恐惧症呢?现在是标签、扩展、收藏夹三列分立,希望能有更优解,谢谢你的努力!已赞
    zisen
        19
    zisen  
       2021-12-18 05:28:30 +08:00 via iPhone
    之前用的 humbleNewPage ,不过你这个比较美观 hh
    LinkTen
        20
    LinkTen  
    OP
       2021-12-20 13:58:27 +08:00
    @psterman 我在构思可选的其他排列方式,有什么建议吗?
    LinkTen
        21
    LinkTen  
    OP
       2021-12-20 13:58:35 +08:00
    @zisen 感谢试用!
    LinkTen
        23
    LinkTen  
    OP
       2021-12-22 13:52:02 +08:00
    @psterman 哇,这个不错,值得学习!
    psterman
        24
    psterman  
       2021-12-23 09:15:12 +08:00
    @LinkTen #23 它已经重新再造了一个网页桌面,很多默认图标都收录了,帮助用户减少了很多整理的工序,大而全,仅供你参考,哈哈
    LinkTen
        25
    LinkTen  
    OP
       2022-02-23 11:01:29 +08:00
    重新更新了两版,修复了一些 UI 细节,降低了整体外观对比度;
    提升了一些性能优化,也提升了一些交互体验;
    不出意外的话,这将是 0. 版本的最后一版,之后会更新 1. 版本
    1. 版本的代码会全部重构,带来全新的交互体验
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1035 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 19:26 · PVG 03:26 · LAX 11:26 · JFK 14:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.