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

问题求助❓
, ,
1

很多年以前用过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个：
https://github.com/umarsheikh13/recent-history

其中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: Not only show browser history in tree style. 不止用树状形式展示浏览器历史 (For Edge / Chromium / Chrome)
Tree Style History - Microsoft Edge Addons

5 个赞
2

最喜欢这样的帖子了，没有没有，楼主赶紧搓呀！！！（狗头保命一下

1 个赞
3

顺便催一下亮度调节的 APP

4

已经找到思路了，但是我还没做过扩展，js门外汉只能慢慢凑合
从Chrome的history接口获取数据

因为搜索接口不太合适，需要后台解析并转存到数据库（百度到了浏览器内建的 IndexedDB），前端页面和框架完全抓瞎，百度了一个ztree。

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

5

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

6

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

7

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

8

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

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

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

第三方扩展
https://chrome.google.com/webstore/detail/timeline-support/meokcjmjkobffcgldbjjklmaaediikdj

9

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

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

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

20180829213703642
20180829213703642450×583 21.4 KB

10

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

image
image1920×993 126 KB

11

加油,Firefox86坐等测试

1 个赞
12

加油,Edge89坐等测试

13

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

14

会发布firefox版吗

15

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

更新下进度：
已经实现了数据倒序展示，包含icon，时间，标题，访问来源logo信息。

image
image1920×692 65.8 KB

已经实现了搜索过滤功能
image
image1920×297 34.6 KB

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

image
image1920×528 24.8 KB

16

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

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

17

搜索了一下，这个条款应该是禁止修改后再发布的
对比一下 CC 协议的其他几个版本 https://mofang.qq.com/index/copyright 这个条款强调的就是禁止任何形式的修改

18

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

19

谢谢

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

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

20

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

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

我已经上传Edge扩展商店，现在在审核中，应该问题不大。目前已经上线的是旧版，请等待3.1.0及更新的版本。

1 个赞