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

做了一款回到顶部的 chrome 插件--“滚上去”

  •  
  •   flyPig9527 · 2024-08-14 21:39:06 +08:00 · 3420 次点击
    这是一个创建于 384 天前的主题,其中的信息可能已经有所发展或是发生改变。

    滚上去

    这是一款Chrome 插件,用户进行网站内容浏览时,提供返回顶部按钮,点击后返回到网站顶部。

    github 项目地址
    喜欢的请给 start

    特点

    • 自由开关:自由选择需要使用该功能的网站
    • 自定义文案:用户可以自定义想要的文案
    • 样式丰富:多种样式可供选择

    后续规划

    • 加入离线模式和在线模式,在线模式支持账号登录,多台设备可共享数据
    • 加入多种返回顶部的效果

    示例图

    配置界面

    管理配置的网站

    返回顶部按钮

    使用

    第一种方式

    1. releases 中点击下载压缩包,releases 地址
    2. 解压之后再管理扩展程序界面中拖拽进去尽快

    第二种方式

    Chrome 商店安装即可,点击 滚上去 chrome 商店 进行安装。

    开发

    环境

    node >= 18.19.1
    

    运行

    pnpm dev
    

    打包

    pnpm build
    

    技术栈

    • wxt
    • react
    • vite
    • css modules
    • antd
    48 条回复    2024-08-22 09:49:57 +08:00
    1234rty
        1
    1234rty  
       2024-08-14 21:42:27 +08:00 via Android   ❤️ 9
    这真不是开玩笑的?还是 HOME 键被扣掉了?
    shinession
        2
    shinession  
       2024-08-14 21:47:01 +08:00   ❤️ 1
    一行代码的插件? 手势一下不就回顶部了么? 这功能略显单一
    gzlock
        3
    gzlock  
       2024-08-14 23:49:47 +08:00   ❤️ 1
    回到网页顶部可以按键盘的 home 键,快捷好使可以盲操(不过部分非标键盘没有 home 键,所以楼主的扩展还是有一定市场的)

    我来给楼主一个点子
    现在市面上应该没有从顶部回到之前高度的功能(我没调查过哈,印象里没看到过)
    甚至可以记录当前网页多个高度,然后点击一下就滚动到对应高度呢?
    hlwjia
        4
    hlwjia  
    PRO
       2024-08-15 00:26:49 +08:00   ❤️ 3
    @gzlock 更名为:滚来滚去
    gangsta
        5
    gangsta  
       2024-08-15 01:24:43 +08:00   ❤️ 3
    差不多 10 年前随便做过一款类似的扩展,发布到 Chrome 商店几年之内也有了几万的安装量,很多人就评论和 feedback 说很好用,以及要求加功能修 bug 之类的,大部分评论语言都是英语,也有一些看不太懂的语言,而其实当时同类型的扩展在商店内不计其数。
    这是一个相当真实的需求,至于最直接的原因也很简单:大多数人根本不知道键盘上的 HOME 键可以返回网页顶部,或者到底是为什么根本不重要。
    K2
        6
    K2  
    PRO
       2024-08-15 04:53:12 +08:00
    把按钮一分为二,上半部分滚上去,下半部分滚下去。
    MajestySolor
        7
    MajestySolor  
       2024-08-15 07:20:03 +08:00
    都 2024 了竟然还有人不用鼠标手势🤣
    iintothewind
        8
    iintothewind  
       2024-08-15 07:36:33 +08:00
    vimium 插件,操作跟 vim 一样,gg 就是 top ,G 就是 bottom ,不是更好用吗?
    ShinichiYao
        9
    ShinichiYao  
       2024-08-15 08:08:28 +08:00
    罗技刚推出自定义鼠标中间功能的时候就用了中键映射 Home 键
    callv
        10
    callv  
       2024-08-15 09:08:27 +08:00   ❤️ 1
    油猴脚本几行代码就可以了
    flyPig9527
        11
    flyPig9527  
    OP
       2024-08-15 09:44:15 +08:00
    @1234rty 第一次知道 home 键能返回的,学到了
    flyPig9527
        12
    flyPig9527  
    OP
       2024-08-15 09:45:41 +08:00
    @MajestySolor 我有这个插件,一般只用返回和后退,以后还是用手势吧
    flyPig9527
        13
    flyPig9527  
    OP
       2024-08-15 09:46:35 +08:00
    @gzyguy 我之前就是油猴脚本自己写的,适配网站要每次都要添加一下,有些麻烦,本来就会写 chrome 插件,索性就做了一个
    flyPig9527
        14
    flyPig9527  
    OP
       2024-08-15 09:48:52 +08:00
    轻点喷,想过这功能过于简单了会有更好的替换方案,没有太多调研,这次是分享一下,有需要的可以用。看了评论区知道很多返回顶部的操作,打破信息差了,学到了很多,谢谢老哥们
    flyPig9527
        15
    flyPig9527  
    OP
       2024-08-15 09:53:45 +08:00
    @gangsta 早期靠信息差赚钱的典型案例
    forty
        16
    forty  
       2024-08-15 10:00:37 +08:00
    OP 什么时候做一款 “脱下来” 的 undress 插件?
    tenclock
        17
    tenclock  
       2024-08-15 10:04:48 +08:00
    @iintothewind #8 是的,而且还有搜索浏览器书签、历史记录等功能
    michael00500011
        18
    michael00500011  
       2024-08-15 10:08:07 +08:00
    @gangsta #5 现在的笔记本大多数都没有独立 home
    Zzdex
        19
    Zzdex  
       2024-08-15 10:08:51 +08:00
    一直在用 vim 插件 gg 上去,G 下去
    gaeco
        20
    gaeco  
       2024-08-15 10:11:55 +08:00
    其实用 vim 插件更方便,gg ,G ,F 操作页面
    spacebound
        21
    spacebound  
       2024-08-15 10:14:41 +08:00
    home 滚上去
    end 滚下来
    gpt5
        22
    gpt5  
       2024-08-15 10:16:00 +08:00
    gg 啊
    mandex
        23
    mandex  
       2024-08-15 11:17:18 +08:00
    我用 vim 插件的 gg, 比 HOME 键顺手一点。
    HOME 键的位置得右手才能按到了。
    WillBeethoven
        24
    WillBeethoven  
       2024-08-15 11:46:35 +08:00
    用 Mac 的话 Command + ↑ 就能回到网页顶部了
    archxm
        25
    archxm  
       2024-08-15 13:27:13 +08:00 via Android
    @1234rty 很多时候单手操作鼠标,懒得按键盘。
    不过,我不知是不是插件,我鼠标右键单击回顶部
    ln90s
        26
    ln90s  
       2024-08-15 13:46:01 +08:00
    @archxm 单手操作可以使用 MouseInc 的鼠标手势吧
    sankemao
        27
    sankemao  
       2024-08-15 14:00:54 +08:00
    一直用鼠标手势,按住右键上划到顶,下滑到底
    unco020511
        28
    unco020511  
       2024-08-15 14:22:21 +08:00
    我是有这个需求的,但是你的扩展似乎有 bug 啊
    archxm
        29
    archxm  
       2024-08-15 14:26:32 +08:00 via Android
    @ln90s 不喜欢额外刻意增加大脑负担,所以我不是肌肉型大脑。
    我以前也发帖提出过疑问,为啥没有回到顶部的按钮,当时很多人回帖说按 home ,为了显得自己合群,我也就用 home 了。
    后来无意中发现可以单击鼠标右键,来返回顶部。我装了不少油猴脚本,估计是某个脚本吧。
    ln90s
        30
    ln90s  
       2024-08-15 15:28:17 +08:00
    @archxm 但其实如果你用惯了他会形成一种本能, 并不需要增加大脑负担
    flyPig9527
        31
    flyPig9527  
    OP
       2024-08-15 15:42:45 +08:00
    @unco020511 什么问题
    flyPig9527
        32
    flyPig9527  
    OP
       2024-08-15 15:49:39 +08:00
    @gaeco 不太懂,vim 插件 gg 能操作网站页面回到顶部吗
    lyy16384
        33
    lyy16384  
       2024-08-15 17:46:25 +08:00
    一直在用 Scroll To Top Button ,最近提示即将不受支持,正好在找类似插件,之前我不知道 HOME 键可以回顶部,刚刚试了一下依然觉得不如插件,HOME 键滚动回顶部需要时间,插件是瞬移回去的
    HarperLucky
        34
    HarperLucky  
       2024-08-15 18:02:22 +08:00 via iPhone
    好有意思的小功能
    gaeco
        35
    gaeco  
       2024-08-15 19:24:56 +08:00
    @flyPig9527 可以的
    HuberyPang
        36
    HuberyPang  
       2024-08-15 19:34:20 +08:00
    mac command + 上下按键 可以到顶部和底部
    flyPig9527
        37
    flyPig9527  
    OP
       2024-08-15 21:34:32 +08:00
    @HuberyPang 刚才试了一下,是不错,就是滚动效果有点僵硬
    a1b2c3T
        38
    a1b2c3T  
       2024-08-16 10:48:21 +08:00
    我倒是有个问题哈,为啥企业微信的那个文档按 home 键、ctrl+home 都上不去
    a1b2c3T
        39
    a1b2c3T  
       2024-08-16 10:49:19 +08:00
    @flyPig9527 #13 适配网站应该有正则匹配吧这个
    jamesmi
        40
    jamesmi  
       2024-08-16 11:15:00 +08:00
    其实有些 V2EX 的回复太多了,一直拖动也挺麻烦的。如果能把这个“滚”图标做成动画效果,应该挺好看的。比如“火箭发射”,“鲤鱼跃龙门”,哈哈 hh
    jamesmi
        41
    jamesmi  
       2024-08-16 11:23:30 +08:00
    已安装使用,挺好用的。
    flyPig9527
        42
    flyPig9527  
    OP
       2024-08-16 15:20:25 +08:00
    @a1b2c3T 没有用正则匹配,想要哪个网站应用就点击一下开启,记录是域名,这个域名下的都可以使用
    flyPig9527
        43
    flyPig9527  
    OP
       2024-08-16 15:20:52 +08:00
    @jamesmi 后续有这个计划,现在的功能简洁一些
    a1b2c3T
        44
    a1b2c3T  
       2024-08-16 15:36:28 +08:00
    @flyPig9527 #42 我感觉这种应该设置为默认开启,不想使用的话排除在外,就像 adblock 一样
    flyPig9527
        45
    flyPig9527  
    OP
       2024-08-19 09:54:16 +08:00
    @a1b2c3T 主要是大多数网站还是有这个功能的,就想着默认是不开启的,遇到需要的再手动开启一下
    evada
        46
    evada  
       2024-08-19 15:36:40 +08:00
    看到这个我才知道 home 可以滚上去
    flyPig9527
        47
    flyPig9527  
    OP
       2024-08-21 10:27:06 +08:00
    @jamesmi 现在更新到最新版本 v1.1.0 ,选择第三个火箭样式,鼠标移上去和回到顶部的时候会有动画,可以试一下
    jamesmi
        48
    jamesmi  
       2024-08-22 09:49:57 +08:00
    @flyPig9527 感觉不是动画,是动图啊。至少要从底部串到顶部啊
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1251 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 17:27 · PVG 01:27 · LAX 10:27 · JFK 13:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.