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

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

  •  
  •   flyPig9527 · 101 天前 · 2775 次点击
    这是一个创建于 101 天前的主题,其中的信息可能已经有所发展或是发生改变。

    滚上去

    这是一款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  
       101 天前 via Android   ❤️ 9
    这真不是开玩笑的?还是 HOME 键被扣掉了?
    shinession
        2
    shinession  
       101 天前   ❤️ 1
    一行代码的插件? 手势一下不就回顶部了么? 这功能略显单一
    gzlock
        3
    gzlock  
       101 天前   ❤️ 1
    回到网页顶部可以按键盘的 home 键,快捷好使可以盲操(不过部分非标键盘没有 home 键,所以楼主的扩展还是有一定市场的)

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