自定义网页端B站倍速播放的浏览器扩展来了

该文章已生成可运行项目,

上次介绍过 自定义网页端B站倍速播放。这次,简单点:浏览器扩展
GitHub 地址,源码下载:https://github.com/zhe-zhangheng/bilibili-speed/releases
原理: 修改网页的 dom 元素

一、下载源码

下载到源码之后,得到一个 .zip 压缩包,解压

在这里插入图片描述

二、打开浏览器扩展(本文以 Edge 为例,Chrome 同理)

浏览器地址栏输入:edge://extensions/ (chrome 输入:chrome://extensions/

三、找到 “开发人员模式”

在这里插入图片描述

四、打开 “开发人员模式”,找到 “加载解压缩的扩展”

在这里插入图片描述

五、找到第一步解压的目录,manifest.json 所在的目录

在这里插入图片描述

六、选择 manifest.json 所在的目录,会在扩展列表中出现 “Bilibili Speed Controller 1.0”

在这里插入图片描述

七、再次打开 B 站视频,发现倍速播放已出现自定义的选项(扩展默认自定义选项:4.0x 3.75x … 等)

在这里插入图片描述

八、打开浏览器扩展管理,将扩展“固定到工具栏”

在这里插入图片描述

九、找到扩展并点击,然后选择 “扩展选项”(或 “选项”)

在这里插入图片描述

十、在扩展页面,可以新增、删除、隐藏/显示自定义倍速,隐藏/显示原版倍速

在这里插入图片描述

十一、将 2.0x 隐藏,看下效果

在这里插入图片描述

在这里插入图片描述

总结

截止博文撰写日期,扩展没有上架到扩展商店,所以只能通过 开发人员模式加载解压缩的扩展。不过整体没有复杂步骤,按照操作来即可(Chrome 同理)

本文章已经生成可运行项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值