我做了一个浏览器仪表盘 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Pony996
V2EX    分享创造

我做了一个浏览器仪表盘

  •  
  •   Pony996 2024-07-30 14:10:33 +08:00 2523 次点击
    这是一个创建于 484 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前几天逛 V2EX 发现了这么一个项目,Pintree ,这个项目可以将收藏的网站变成一个导航。

    原理是安装它的浏览器扩展,导出 json 文件,自己本地部署一套它的导航站源代码,替换 json 文件就可以实现一个上图网站。

    我觉得是一个不错的创意,但我立刻有了另一个想法,那就是做一个扩展起始页用来管理我的收藏夹。

    但是我并不满足于此,因为我真的有很多浏览器原本没有满足的需求;

    比如说我经常手欠随手关掉还能用到的网站,然后再想打开的时候去历史里找很麻烦;

    再有就是打开太多 Tab 了每一个都被挤得很小,切换起来很不方便。

    于是我准备基于以上需求做一个新起始页;

    其实这并不是我第一次做起始页了,我的上一款起始页作品抓鱼鸭,一款专注摸鱼的起始页,这属于我的第二款起始页产品,这次我准备从浏览器使用中的真实痛点出发,去做一款真正解决问题的独立产品。

    这款产品实现起来也相当简单,就是一个浏览器扩展,会把你的起始页变成由浏览器收藏夹数据驱动的导航;
    在这个导航里还附带你最近访问的网站,以及当前浏览器打开的 Tab 栏。

    其实这里边有个坑,那就是如果用户开了两个同样的浏览器窗口,去管理切换的时候需要特殊处理,这一款搞了好久才搞明白的。

    好那么需求定了,说干就干;

    虽然我曾经做过一次浏览器扩展,但其实我对扩展的 API 并不熟悉,我直接让ChatGPT给我生成了一个 demo

    经过简单的修改最终效果如下

    ![微信图片_20240723193112.png]( https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/597d00af657a426fb80ab0bb0fe284db~tplv-73owjymdk6-jj-mark:0:0:0:0:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzk0OTg2MjI3NjAzOTgwMCJ9&rk3s=e9ecf3d6&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1722405474&x-orig-sign=lrmMbfJr9NkoyJVtThhkMDrUaKM%3D)


    ![微信图片_20240723193117.png]( https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/89f27c74e177474b9fff88f1de34ad35~tplv-73owjymdk6-jj-mark:0:0:0:0:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzk0OTg2MjI3NjAzOTgwMCJ9&rk3s=e9ecf3d6&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1722405506&x-orig-sign=5ju4Eqz7eHwY0JvpfP3zk4vhMys%3D)


    ![微信截图_20240719171512.png]( https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/c2ae314868944a8a98970877779f5a25~tplv-73owjymdk6-jj-mark:0:0:0:0:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzk0OTg2MjI3NjAzOTgwMCJ9&rk3s=e9ecf3d6&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1722405524&x-orig-sign=%2Fqm8r6XnydwLfm2WlXF4GEt0ZAg%3D)

    github: https://github.com/ponysb/TagPlanet
    edge 扩展商店: https://microsoftedge.microsoft.com/addons/detail/podfjomopoejmlkfnhanlmlagcnlappd
    18 条回复    2024-08-01 10:12:32 +08:00
    asLw0P981N0M0TCC
        1
    asLw0P981N0M0TCC  
       2024-07-30 15:30:38 +08:00
    403
    tim9527
        2
    tim9527  
       2024-07-30 15:32:28 +08:00
    简单体验了一下,edge 垂直标签页时显示有问题,右上角的文字不显示
    Pony996
        3
    Pony996  
    OP
       2024-07-30 16:55:44 +08:00
    @qwertyzzz 哪个 403 了?
    Pony996
        4
    Pony996  
    OP
       2024-07-30 16:56:26 +08:00
    @tim9527 啊?没听明白什么问题,哪个模块有问题?
    asLw0P981N0M0TCC
        5
    asLw0P981N0M0TCC  
       2024-07-30 17:09:52 +08:00
    @Pony996 #3 图片
    chensuiyi
        6
    chensuiyi  
       2024-07-30 17:11:40 +08:00
    好。
    tim9527
        7
    tim9527  
       2024-07-30 17:11:45 +08:00
    @Pony996 #4 不是模块,就是我打开垂直标签页,右上角的 UI 显示有点错位。
    usufu
        8
    usufu  
       2024-07-30 17:11:49 +08:00
    贴图看不了
    Pony996
        9
    Pony996  
    OP
       2024-07-30 17:12:04 +08:00
    @chensuiyi 感谢大佬捧场
    Pony996
        10
    Pony996  
    OP
       2024-07-30 17:12:22 +08:00
    @usufu 点进去还可以,掘金文章直接复制过来的,看来是没显示出来
    Pony996
        11
    Pony996  
    OP
       2024-07-30 17:13:26 +08:00
    @tim9527 我这里没有任何显示问题,可以说一下设备环境吗,比如分辨率,设备型号,浏览器,亦或者图床贴图看一下
    banchen
        12
    banchen  
       2024-07-30 17:37:51 +08:00
    这个图片一看就是加签,或者私有的,只有你自己能看吧
    ChainLock
        13
    ChainLock  
       2024-07-30 17:42:53 +08:00
    Pintree 这个项目 github 发一下
    iQXQZX
        14
    iQXQZX  
       2024-07-30 17:47:11 +08:00
    图片是隐私图,只有自己能访问,根据 cookie 鉴权的,文章发布后可以获得公开加签访问的图片地址。掘金对所有图片进行私有化改造了,应对防盗风险、安全风险。
    Pony996
        15
    Pony996  
    OP
       2024-07-31 14:55:26 +08:00
    @banchen 啊是吗?文章收发到掘金了,这个我直接从掘金复制的
    Pony996
        16
    Pony996  
    OP
       2024-07-31 16:17:43 +08:00
    HuberyPang
        17
    HuberyPang  
       2024-07-31 16:54:30 +08:00
    左侧导航栏 文件夹可里面还有文件夹的话默认是展开的,可以进行折叠就好了,左侧导航栏可以设置了 margin-bottom ,收藏文件夹比较多,最下面的一个会展示不全
    Pony996
        18
    Pony996  
    OP
       2024-08-01 10:12:32 +08:00
    @HuberyPang 这个会考虑改进
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     883 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 21:05 PVG 05:05 LAX 13:05 JFK 16:05
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86