树形显示浏览历史的扩展 - 自己搓出来了

很多年以前用过voyage,后来ff飙版本的时候这个扩展就废了,一直没有再见到类似的扩展

引用: Voyage is a Firefox add-on which makes it easier to remind one’s web browsing history by providing a timeline-based interface to review your browsing history:

Arrange your history visits to site-dependent and time-specific “Bubbles”
Display the thumbnails of the media in the “Media Wall” ( For several known media page which you had visited after this add-on was enabled)
Integrate with Twitter, displaying your tweets on Voyage’s timeline.

  1. 树形展示的关键点在于,跟踪你的浏览行为,从哪里跳转哪里,这是线性历史记录无法展示的。
  2. 回顾近期我打开浏览器到底做了什么事情,在查资料,找资源,社交,阅读,看视频,游戏,还是做什么?
  3. 思考一下我在查阅的资料真的完成了吗?最终得到了什么样的结果?
    3、找到的好的资源是哪个网站,是否需要Mark一下,下次优先从这里找

已经是好多年的想法了,如果真的没有,我打算自己搓一个了,欢迎有相同想法的小伙伴一起来搞


出现了新的问题,我使用的轮子有2个:

其中recent-history是by-nc-nd授权
https://creativecommons.org/licenses/by-nc-nd/3.0/deed.zh

但是条文这东西,即使是中文,每个字都认识,还是看不懂。


可喜可贺,我已经获得了原作者的授权邮件。山寨乐高玩具也拼好了,edge商店也上传了。

发布顺序:论坛分享zip包 > 功能稳定后git push > edge商店发布并审核(审核周期约一周)

尊重原作者,维持by-nc-nd授权,可以在保留以下链接的前提下原样分享(包括上传到其他扩展商店),不可修改后再发布

GitHub - tumuyan/Tree-Style-History: Shows your recent browser history in tree style. 树状展示浏览器历史 (For Edge / Chromium / Chrome)
Microsoft Edge Addons

3 Likes

最喜欢这样的帖子了,没有没有,楼主赶紧搓呀!!!(狗头保命一下

2 Likes

顺便催一下亮度调节的 APP

已经找到思路了,但是我还没做过扩展,js门外汉只能慢慢凑合
从Chrome的history接口获取数据
http://chrome.cenchy.com/history.html
因为搜索接口不太合适,需要后台解析并转存到数据库(百度到了浏览器内建的 IndexedDB),前端页面和框架完全抓瞎,百度了一个ztree。

总得来说要素凑齐了,应该很快能搞出一个缝合怪来。但是代码漂亮不漂亮,节目怎么样,就是另一回事情了。

没有,经常会遇到这样的情况
标签页A-A1-A2-关闭
标签页B-关闭
标签页C…
想看A1,然后就找不到了

我在做的过程中找到一个现成的,虽然不太理想
https://www.coolapk.com/apk/com.jerry.brightness.threshold

还有另外一个( https://play.google.com/store/apps/details?id=com.velis.auto.brightness ),但也不理想,所以等着你弄出一个理想的来呢。

微软有一个扩展. 可以在windows10 时间线里展示浏览历史记录.

这是真时间轴. 我之前用过. 但是刚才在chrome商店没找到. 你再找找.

如果你是edge的话, 自身就支持这个功能.

第三方扩展

这个是时间轴和预览图,并没有树形结构,我觉得和单纯的历史记录差异不大(甚至由于每个记录占用空间太大,相当鸡肋)

voyage是这样的,关键点在于我访问了什么网址,跳转到了什么地址。
voyage2

我自己搓是无法实现这样的界面和功能的,打算用ztree这个库来实现树形展示,父级表示来源,子级表示跳转到哪里,同一级别按照访问时间排序。当用户搜索到某个历史时,它对应的兄弟 父级和子级都被激活,无关的树被隐藏,从而理清自己的操作历史,找到需要的记录

更新下进度,目前已经把轮子找齐了,开源的recent-history做魔改的基底,已经实现缓存url信息到数据库的功能(但还有一些bug正在修),ztree作为树形显示的模块已经组装到ui上。
image

加油,Firefox86坐等测试

1 Like

加油,Edge89坐等测试

chrome的历史管理真是令人发指的烂…

会发布firefox版吗

能力着实有限,firefox只能碰运气了。如果能直接用就能用,如果不能直接用估摸我自己修不出来。(毕竟现在缓存浏览历史用的是Chrome.history接口,后续还要使用Chrome.tab, ff估计不支持吧)

更新下进度:
已经实现了数据倒序展示,包含icon,时间,标题,访问来源logo信息。
image
已经实现了搜索过滤功能
image

目前访问历史缓存到数据库仍然有些bug,访问历史即时加入缓存的功能也没有做,日期选择器也没有实装,只能通过直接输入日期完成过滤
image

见顶楼更新, 来个语言水平高的网友帮忙解释下?

最近在搭乐高积木,再加上授权的问题,暂时没再继续完善,先发个预览版本.https://microsoftedge.microsoft.com/addons/detail/tree-style-history/gfmkhnaldbgcpoddmapciblllofekbpn
提交了edge商店,还是因为担心授权问题,目前这个扩展是隐藏的,只能直接访问不能搜索到.
Chrome应用商店不上了,毕竟开发者帐号要美刀的,开启浏览器开发者模式,就下载插件解压使用吧.
过几天看情况吧,实在不行我就把代码洗一遍

搜索了一下,这个条款应该是禁止修改后再发布的
对比一下 CC 协议的其他几个版本 腾讯磨坊 - 与优秀的3D设计师一起展示、分享与交流 这个条款强调的就是禁止任何形式的修改

小众人均大牛啊~
昨晚瞄到edge有这么个插件:Microsoft Edge Addons

谢谢

其实周末我已经在和原作者mail沟通了,作者直接问我有没有 web开发经验并且讲可以把这个项目转给我,但是我只想魔改一下重新发出来,我觉得自己并没有维护原项目的能力。几通邮件下来,原作者还是不愿意看到项目被分叉,我觉得有点get到他的想法,但是这也是我们的分歧。

所以我打算先试着把功能完善了,看看他要不要合并——如果可以,也行吧;如果不可以,反正我已经以不公开的方式传edge应用商店了,单纯方便自己用问题不大。(毕竟没上应用商店的扩展只能在开发者模式下安装,并且不能同步,很麻烦)

首先是原作者已经同意了我修改并发布

第二目前已经完成了初版,chromium内核的浏览器(包括但不限于Chrome 新edge 新opera)可以在开发者模式下加载扩展。

我已经上传Edge扩展商店,现在在审核中,应该问题不大。目前已经上线的是旧版,请等待3.1.0及更新的版本。
https://microsoftedge.microsoft.com/addons/detail/tree-style-history/gfmkhnaldbgcpoddmapciblllofekbpn

1 Like