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

全新!轻量!能可靠保存标签页!比 OneTab 好用太多!浑身黑科技的 Keptab 插件上架 Chrome 商店啦!

  •  
  •   mywaiting · 2020-09-08 10:10:00 +08:00 · 17200 次点击
    这是一个创建于 1535 天前的主题,其中的信息可能已经有所发展或是发生改变。

    全新的!轻量的!能可靠保存标签页信息的!超级飞快的!比 OneTab 好用太多太多的!浑身充满黑科技的 Keptab 插件上架 Chrome Webstore 啦!欢迎大家前往试用并尽情开启吐槽模式!当然啦,能给五星好评也是极好的!啦啦啦啦啦啦~

    官网地址 keptab.com

    插件地址 chrome.google.com/webstore/detail/keptab/feodekcipceogpeomnijgmdlmocbggbi

    不满 OneTab 的龟速和丢数据,先后折腾过 BetterOneTab 甚至已经改良了上千行代码,但架不住其渲染界面的龟速和依然存在的丢数据

    无奈之下,自己从头到尾实现了一个全新的标签页管理工具,超级轻量的,但是各种黑科技都不少

    • 采用 IndexedDB 作为数据存储的底层实现
      • 再也不会丢数据了,真的不会丢数据了,相信我
      • 我在测试中保存超过 30000 的标签页组,依然加载神速
    • 很简单的 ReactDOM 的实现,页面渲染飞快飞快
      • 抄袭自传说中的 33 行实现 ReactDOM 大部分功能的代码,改良了一些小细节
      • 麻雀虽小,但真有很简单的 VirtualDOM diff 的实现,很简单,但是够用
      • 页面渲染的速度,比 VUE/React 有肉眼可以感受的速度提升
    • 功能上使用了一些黑科技,比如 Keptab 顶部的实时搜索
      • 原理很简单,但是很 Geek,实时显示你的搜索结果
      • 在保存了超过 30000 的标签页组,依然能够实时显示搜索结果
      • 不信你可以试试,真实时搜索,童叟无欺

    简单并且简洁的界面实现,希望大佬们路过不要错过~

    欢迎大家前往试用并尽情开启吐槽模式!当然啦,能给五星好评也是极好的!啦啦啦啦啦啦~

    多谢!

    第 1 条附言  ·  2020-09-08 19:41:00 +08:00

    本来想 append 点什么上去,写了一段又删除掉了,想了一下,我其实不必跟谁去解释这个事情

    喜欢就用,不喜欢就拉黑吧

    我本意是打算做个方便的工具而已,不爱用就滚,反正谁也没有损失什么

    感谢小伙伴们的建议,不一一 at 来感谢了,很多功能都列入开发了,不过需要很多的时间吧

    感谢小伙伴提的 BUG 我迟点更新版本一并修复

    感谢!

    第 2 条附言  ·  2020-09-09 13:32:18 +08:00
    综合一下大家的看法,把比较着急的需求整理在这里

    1 、OneTab/Toby 的数据迁移,包括导入和导出
    2 、多浏览器进行数据同步的实现 /自定义的数据同步(为了保证隐私可用 webdav )
    3 、Edge 和 Firefox 插件商店发布( Edge 应该快了,FF 还要测试一下)
    4 、夜间模式
    5 、修复 BUG,比如小伙伴提到发送右侧标签页的功能似乎没用 /部分选项不生效
    6 、标签页组分享
    7 、提供 CRX/ZIP 包的直接下载

    不那么着急,或者说我还是不是很清楚(没有思路)该如何实现的需求

    1 、恢复到标签组,就是 chrome 新的那个自定义标签组
    2 、智能化的归类索引功能
    3 、标签管理导航
    第 3 条附言  ·  2020-09-13 18:46:44 +08:00

    赶着周末有点空闲时间,修复了一下

    • 插件本身修复 BUG

      • 修复了启动浏览器时候不要打开 Keptab 的选项,手残写了 BUG 现在好了
      • 修复了发送左侧/右侧/所有标签页的实现,现在可以正确调用 contextMenus 了
    • 产品网站 BUG

      • 修复了网站 footer 的 typo
      • 现在可以提供 .zip 文件包下载,没法访问 webstore 的请直接下载解压加载到 chrome 即可使用
    • 已知的 BUG 但来不及修复

      • 多个窗口打开 Keptab 时保存标签页组时无法全部刷新
      • 已有 Keptab 窗口保存标签页组时无法全部刷新
    • 准备要做的

      • 发布到 Microsoft Edge 和 Firefox Addons
      • 提供夜间模式
      • OneTab/Toby 的数据迁移,包括导入和导出

    业余时间凭爱发电完成,有不好的地方还请多有谅解~

    155 条回复    2023-10-30 17:28:32 +08:00
    1  2  
    masker
        101
    masker  
       2020-09-27 11:19:00 +08:00 via Android
    @chinaq 麻烦看清楚,这是踩着 onetab 宣传他自己的 keptab 。 麻烦参考 2 楼的回复,憨批,上来就阴阳怪气,像个傻逼一样
    chinaq
        102
    chinaq  
       2020-09-28 10:01:07 +08:00
    @masker 唉,生你不如生叉烧。
    masker
        103
    masker  
       2020-09-28 10:01:59 +08:00 via Android
    @chinaq 早知道当年把你打墙上了,,,弱智儿子。。。
    Exp
        104
    Exp  
       2020-10-12 09:32:19 +08:00
    @mywaiting 谢谢题主,插件很好,尤其是点击插件图标只发送当前一个 tab 功能避免了像 onetab 一不小心把所有 tab 都关掉的囧况。

    最后是需求:能否增加数据同步以及分组发送的功能呢?
    mywaiting
        105
    mywaiting  
    OP
       2020-10-12 10:20:18 +08:00
    @Exp 感谢反馈问题,多谢!

    同步功能有在写了,然鹅同步的话需要后端的实现,一时间还折腾不过来,多端同步导致的不同步然后 merge 冲突问题,我现在也没有什么好的解决方法,只能继续拖下去,野生程序员需要学习点关于同步的理论了 [摊手~]~

    分组发送也有在写了,问题就是分组发送需要动态改变鼠标右键菜单,有点影响性能~
    agoodob
        106
    agoodob  
       2020-10-21 01:37:15 +08:00
    至今已用 Keptab 保存了 2000+标签页。
    耐心等待夜间模式 ing
    mywaiting
        107
    mywaiting  
    OP
       2020-10-22 01:08:12 +08:00 via iPhone
    @agoodob 感谢反馈。夜间模式已经搞得差不多了,迟点更新上 Chrome 商店
    hljjhb
        108
    hljjhb  
       2020-10-25 17:33:11 +08:00
    咨询下,目前似乎没有管理标签页组的功能?

    使用“仅发送此标签页至 Keptab”每次都会新建一个标签页组,无法在标签页组间移动标签页,也无法合并标签页组。
    mywaiting
        109
    mywaiting  
    OP
       2020-10-26 02:08:10 +08:00
    @hljjhb 多谢反馈使用意见!一个个解答

    1 、使用“仅发送此标签页至 Keptab”每次都会新建一个标签页组,目前的实现逻辑确实是这样的,我想想怎么修修会好用一点
    2 、标签页组之间,可以随意拖动标签页的,本标签页组内拖动可以进行排序,也可以拖动到其他标签页组的
    3 、标签页组可以直接拖动合并的,只要在 A 标签页组的 “X 个标签页” (显示标签页数量的地方)直接拖动到 B 标签页组的 “X 个标签页” 就能完成标签页组的合并

    2 、3 点本来想写个 FAQ 放网站上的,无奈又懒又不知道怎么写~ [狗头~]~
    hljjhb
        110
    hljjhb  
       2020-10-26 20:21:16 +08:00   ❤️ 1
    @mywaiting 感谢回复,keptab 足够简单好用,等待同步支持

    1 、也许简单地支持设置默认标签页组就足够了

    2 、测试了下的确正常工作,不过相对不是那么符合直觉

    https://i.loli.net/2020/10/26/QdMxIPukU4sAbf5.png

    拖放的响应区域仅限于标签页标题上和「 X 个标签页」,而行间距以及右侧的大片空白处不响应

    3 、关于 FAQ,感觉第一次安装插件时直接弹出个引导页,遮罩式地给出图例即可
    mywaiting
        111
    mywaiting  
    OP
       2020-10-26 22:12:57 +08:00 via iPhone
    @hljjhb 多谢建议!

    1 多端同步支持正在搞,需要后端实现,比较麻烦,目前打算抄袭 Firefox sync 的实现。需要很多时间才能搞得定吧……
    2 默认标签页组有点 OneTab 那样发送到已命名标签页组的感觉,我看看怎么实现个类似的
    3 拖放响应区域确实有点问题,以后打算整点拖动时候响应区域出现虚线框的样式,可能这样会让用户体验更好一些
    4 引导页的遮罩层图例提示有想过,然而觉得这样一次过的提示又浪费太多的代码,一个人去搞忙不过来。我打算在页脚还是什么地方加个帮助页面的链接……看看吧,增加遮罩层的提示其实是用户体验最好的

    再三多谢反馈使用意见!
    halfknow
        112
    halfknow  
       2020-10-28 04:40:08 +08:00
    能不能加个恢复时同时恢复 tab group 以及 tab group name 的功能呢
    mywaiting
        113
    mywaiting  
    OP
       2020-10-29 11:04:06 +08:00 via iPhone
    @halfknow 感谢反馈意见!

    想请教一下恢复 tab group 和 group name 这个是新版 Chrome 的功能?如果是新版的 Chrome 的标签页组,已经列入功能开发计划了
    eno1016
        114
    eno1016  
       2020-11-05 12:13:25 +08:00
    我只有速度和不掉数据两个刚性需求,其他标签分组同步之类的我都不在乎,所以 keptab 对我来说简单又好用~
    最后能把 onetab 的数据转过来就更完美了哈哈哈~
    mywaiting
        115
    mywaiting  
    OP
       2020-11-05 12:50:16 +08:00 via iPhone
    @eno1016 多谢认同!

    数据导出和转换有在做了,需要点时间 :)
    Edward7Elric
        116
    Edward7Elric  
       2020-11-07 23:37:36 +08:00
    @mywaiting 现在 keptab 似乎不显示任何内容了(左键和 display 后都是空白页),不知道是我本地出问题了嘛?
    mywaiting
        117
    mywaiting  
    OP
       2020-11-08 00:23:39 +08:00
    @Edward7Elric 打开 Keptab 页面,按 F12 顶部 Tab 选择 Application 然后在右侧 Storage 里面选择 IndexedDB 有看到有数据吗?

    1 、如果有数据的话,先到选项页面将数据备份下来
    2 、如果没有数据的话,可能 IndexedDB 的数据已经被清理了,我尝试过清理 Chrome 的缓存时候把插件的数据清理掉

    另,我在 Firefox 下面测试 IndexedDB 的数据保存,在浏览器奔溃的时候会不定时触发全部数据丢失,官方文档写得很明白,浏览器奔溃的时候对于一切数据都是不保证的,浏览器自身的问题没法整。只是我没有尝试过 Chrome 下面丢数据,如果可以,麻烦反馈一下 Chrome 版本+操作系统

    多谢!
    Edward7Elric
        118
    Edward7Elric  
       2020-11-09 15:54:42 +08:00
    @mywaiting 已经没有数据了,应该是浏览器崩溃后丢失了吧,chrome 版本是 Version 86.0.4240.183 (Official Build) (64-bit),操作系统是 win10 1909 。咱们有可能把数据云端同步备份或写入本地备份文件来应对浏览器崩溃的数据丢失嘛?
    mywaiting
        119
    mywaiting  
    OP
       2020-11-09 20:05:38 +08:00 via iPhone
    @Edward7Elric 造成数据丢失实在抱歉!感谢反馈!

    云端同步在折腾了,还需要点时间搞定。作为浏览器插件,貌似写入本地备份文件是不可能完成的任务,我尝试搞搞看
    longear
        120
    longear  
       2020-11-15 18:02:21 +08:00
    火狐版预计什么时候能上线?
    longear
        121
    longear  
       2020-11-15 18:04:00 +08:00
    话说 OneTab 真是屎一样的存在
    mywaiting
        122
    mywaiting  
    OP
       2020-11-19 23:47:06 +08:00   ❤️ 1
    @longear FF 这段时间实在多事情,版本在测试了,应该快了~~~
    agoodob
        123
    agoodob  
       2020-12-30 01:26:30 +08:00
    还在等一个夜间模式(狗头)
    mywaiting
        124
    mywaiting  
    OP
       2020-12-30 08:53:15 +08:00   ❤️ 1
    @agoodob 忠实 fans......夜间模式其实写好了,一直拖延症发作没有更新........[原谅~]~

    争取尽快更新,最近事情多,不是你喊一句我差点都忘了还有这么一个插件~我对自己也很无语~~
    jqtmviyu
        125
    jqtmviyu  
       2021-01-06 21:37:41 +08:00
    期待同步功能 , 或者备份到 webdav/gitee/github 功能
    agoodob
        126
    agoodob  
       2021-01-16 03:18:54 +08:00
    隔两周来问一次夜间模式
    mywaiting
        127
    mywaiting  
    OP
       2021-01-16 22:48:18 +08:00   ❤️ 1
    @agoodob 这催更催得我压力好大,[掩面~]~
    agoodob
        128
    agoodob  
       2021-02-01 17:43:32 +08:00
    两个星期又过去了,再来问问夜间模式
    agoodob
        129
    agoodob  
       2021-02-01 17:43:56 +08:00
    开个玩笑哈,不要有啥压力,就顺带问问,先预祝 2021 年春节快乐
    agoodob
        130
    agoodob  
       2021-02-01 18:19:26 +08:00
    小建议:对于 "0 个标签页" 这样的组,自动删除,不需要我手动去删。
    (我不知道这样 0 标签页的组是怎样造成的)
    mywaiting
        131
    mywaiting  
    OP
       2021-02-01 23:09:41 +08:00   ❤️ 1
    @agoodob 刚刚翻了一下插件的代码,夜间模式是真完成了,无奈 CSS 写得好难看,找时间约个美工 PY 交易一下搞漂亮一点再发 webstore 好了~~

    对于 "0 个标签页" 这样的组,这个 BUG 我也发现了,等一起修了再发~~
    agoodob
        132
    agoodob  
       2021-02-19 17:35:06 +08:00
    年后催更+灵魂拷问:夜间模式,夜间模式,夜间模式
    piapia
        133
    piapia  
       2021-02-28 01:29:38 +08:00
    会支持 safari 么?
    agoodob
        134
    agoodob  
       2021-03-08 22:13:28 +08:00
    催更~
    mywaiting
        135
    mywaiting  
    OP
       2021-03-08 22:41:21 +08:00
    @agoodob #134 ..........................................................
    lumotian
        136
    lumotian  
       2021-03-30 15:03:28 +08:00
    我来反馈一下
    1. 标签在标签组之间拖拽不太容易
    2. 点中标签的关闭按钮不太容易
    希望作者把热区设大一点
    mywaiting
        137
    mywaiting  
    OP
       2021-04-05 09:40:06 +08:00
    @lumotian 现在才看到,解释一下

    1 、拖拽这个做得确实不好,连 dragover 这些样式都懒得没有写~~~
    2 、标签的关闭按钮是用标签标题的 css hover 显示,确实不太容易点中,不过感觉删除的标签的使用频率较低吧

    回头看看怎么便捷地改改~
    Orangecz
        138
    Orangecz  
       2021-04-11 13:10:19 +08:00   ❤️ 1
    firefox 版本啥时候上呀,官网里 ff 版本的链接直接跳转官网本身了
    mywaiting
        139
    mywaiting  
    OP
       2021-04-17 13:07:40 +08:00   ❤️ 1
    @agoodob 夜间模式基本调好了,稍后就更新上 webstore 。催更拖到现在,实在是不好意思
    mywaiting
        140
    mywaiting  
    OP
       2021-04-17 13:10:58 +08:00   ❤️ 1
    @piapia 会支持 safari 的 web extensions 模式,简单说就是 chrome 插件版本的 safari 的适配版。还需要点时间吧,我还要折腾升级一下手里已经 N 年的 macbook

    @Orangecz @longear firefox 迟点发出去,已经写好在测试了~~
    agoodob
        141
    agoodob  
       2021-04-20 20:17:51 +08:00
    @mywaiting 已用上,感谢
    mywaiting
        142
    mywaiting  
    OP
       2021-04-21 12:53:15 +08:00
    @agoodob : )
    hdjs5264
        143
    hdjs5264  
       2021-07-13 03:24:59 +08:00
    可以自动备份吗= =
    pnongrata
        144
    pnongrata  
       2021-07-13 11:44:18 +08:00
    …………某个说拉踩的,点进主页一看 90%的回复都是阴阳怪气…………简直叹为观止。LZ 脾气真好,不理会是正确选择。
    另外预览图的 UI 是不是跟 Toby 有点儿太像了……虽然 icon 啥的可能选择不太多,不过底色应该可以跳出粉色系?(。
    mywaiting
        145
    mywaiting  
    OP
       2021-07-13 18:55:48 +08:00
    @pnongrata 果然眼尖,预览图确实是山寨了 Toby 的,画图渣渣,友情叫旁边的美工帮忙画了一下,说参考一下 Toby 的,结果出来感觉就是照抄了,不过人家没有收钱友情帮忙,不能要求太多了

    选择粉色系主要是因为 logo 的颜色就是这近似的颜色,能看对于我这样的设计渣渣已经很足够了,不能要求更多了
    mywaiting
        146
    mywaiting  
    OP
       2021-07-13 18:57:48 +08:00   ❤️ 1
    @hdjs5264 有跨浏览器的自动同步 /自动备份的实现的,最近忙而且这后端开发的工作量也不小,就一直拖拖拖

    界面右上角直接放了“数据导出”的按钮,目前只能有空就顺手点点当备份了~~
    pnongrata
        147
    pnongrata  
       2021-07-14 10:53:01 +08:00
    @mywaiting
    初始阶段上了就能跑是没啥选择
    但是如果大规模推广了受众多了,山寨也好抄袭也好对产品肯定影响很坏。早改早好~
    mywaiting
        148
    mywaiting  
    OP
       2021-07-14 18:50:36 +08:00
    @pnongrata 多谢提醒。现在也没多少用户,先将就将就吧 :)
    whiplash211
        149
    whiplash211  
       2021-07-15 08:19:11 +08:00
    chrome 安装了一个觉得挺好用的,希望 firefox 也能用上
    sinisterd7
        150
    sinisterd7  
       2022-07-18 08:12:48 +08:00
    keptab.js:6 Uncaught (in promise) DOMException: Failed to execute 'transaction' on 'IDBDatabase': One of the specified object stores was not found.
    at Proxy.<anonymous> (chrome-extension://feodekcipceogpeomnijgmdlmocbggbi/keptab.js:6:6711)
    at ae (chrome-extension://feodekcipceogpeomnijgmdlmocbggbi/keptab.js:6:26750)
    at async Promise.all (index 0)
    at async chrome-extension://feodekcipceogpeomnijgmdlmocbggbi/keptab.js:6:27805
    你好 最近遇到了问题,页面显示一片空白,错误如上。是否有办法导出数据库?
    mywaiting
        151
    mywaiting  
    OP
       2022-07-18 08:51:56 +08:00
    @sinisterd7 #150 实在抱歉!这是浏览器的 IndexedDB 丢失了,数据应该是没有了~,并且只能重新安装 Keptab 才能重新使用

    我在 Github 上收到一堆的数据丢失反馈,然而就我个人使用来看(好几台笔记本+台式机),无一出现过数据丢失

    我有想过加入云端 /多端同步 /备份数据的功能,然鹅现在用户量实在太小,没有动力加~

    再次抱歉让你丢失了数据~~
    sinisterd7
        152
    sinisterd7  
       2022-07-18 09:26:06 +08:00
    @mywaiting 插件没有将数据储存在某一个数据库吗?我只是在正常的使用就出现了这个问题
    mywaiting
        153
    mywaiting  
    OP
       2022-07-18 09:47:14 +08:00
    @sinisterd7 #152 并没有存在某一个数据库

    Keptab 使用了浏览器的 IndexedDB ,IndexedDB 是事务性的缓存 /数据库,理论上不存在这样随机丢失数据的可能,然而有不少用户确实遇到过这样随机丢失的问题

    我这里也没法复现这样的随机丢失事件,只能等最后加上云端 /多端同步 /备份数据的功能吧

    再次抱歉让你丢失了数据~~
    hahapoint233
        154
    hahapoint233  
       2023-10-30 15:16:15 +08:00
    @mywaiting 你好作者还在吗,我今天在使用 edge 的浏览器和 keptab 插件(是从 chrome web store 下载的),电脑突然因为 out of memory 导致 edge 闪退了,我试着重启浏览器之后 keptab 的页面根本刷新不出来(重启浏览器和重启电脑都试过,无果:),我试着又下载了 edge 商店自带的 keptab 是可以正常用的(很怪),我把之前 chrome 下的插件卸载了重装发现又恢复正常了,但是和第一次用一样设置已经被重置了,最关键的是之前保存的标签页都不见了,请问这种情况之前的数据要怎么找回啊,几百个标签页...
    mywaiting
        155
    mywaiting  
    OP
       2023-10-30 17:28:32 +08:00
    @hahapoint233 浏览器奔溃可能导致数据丢失了~

    1 、如果你先前有导出过数据,可以重新安装后使用先前导出的数据,重新导入即可
    2 、新版的 Keptab 使用浏览器的浏览记录来保存标签页的数据,你可以去 Keptab 选项页面尝试一下数据灾难导出

    如果这两种方法都没有数据,那很抱歉,数据应该是丢失了

    Keptab 使用浏览器自带 IndexedDB 来保存数据的,而浏览器奔溃的时候,无论 Chrome/Edge/Firefox 官方都简单而且直接:浏览器奔溃的时候无法保存任何数据的保存

    实在抱歉~
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1107 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 22:52 · PVG 06:52 · LAX 14:52 · JFK 17:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.