aliceinocean/bilibili-distraction-free

一个能够让B站简洁化的脚本

Bilibili-Distraction-Free

简介

一个能够让B站简洁化的脚本

使用

这个脚本是在油猴Tampermonkey里面创建和运行的。室友建议我发布在Greasy Forks上，这应该会在不久之后会实现。

脚本在b站的视频页（网址形如www.bilibili.com/video/) 触发执行。

界面预览

功能描述

框架改变

使用display="none"隐藏了2个区域。这两个框架在网页一开始就加载好了。

1. 右侧栏（包含up主信息、弹幕列表、相关推荐）；
2. 评论区

广告隐藏

在视频下方，有一个横幅广告，等视频播放器加载好了，再插入进去的。所以脚本中等待了4s再执行隐藏。

导航栏处理

导航栏一开始会加载一个粗略版，等视频播放器加载好了，就重新加载了一个详细版。同理脚本等待了6s再执行.

1. 删除第一个b站主页的按钮（因为鼠标放上去，会出现下拉框）；
2. 隐藏了导航栏左侧的其他按钮；
3. 将搜索框的下拉“搜索历史”“热搜榜单”删除了；
4. 完成以上所有操作之后，在搜索框显示“bilibili简洁化已完成~”。

编写缘由

我在逛b站的时候，有时候只打算看一两个关注的博主的vlog放松一下。但是看完视频后注意力总是被旁边的“更多推荐”给分散了，而且推荐栏总有一些标题党和擦边球，让我忍不住就点进去了。点进去之后又有新的推荐！如此循环，一下子就消耗了我太多的时间！！！

不过此前，我对JavaScript是完全小白，只会一点Python和C。这个周末花了一些时间，学习了一下HTML和JavaScript相关的知识，然后写出了这个脚本。肯定还有很多需要改进的地方，望大家指正！