☰

Wider Bilibili

哔哩哔哩宽屏体验

当前为 2024-10-22 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
posthumz
评分
0 0 0
版本
0.4.5
创建于
2023-09-04
更新于
2024-10-22
大小
31.8 KB
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于

Wider Bilibili

功能

  • 播放器占据页面全宽高且允许滚动 （使用自带网页全屏样式）
  • 视频/首页/动态/阅读等页面调整边距
  • Shift+Alt+W或者在脚本菜单中调出设置面板
  • 修复B站前端的一些其他问题样式
  • 大部分效果基本只使用CSS达成，不会进行DOM操作

选项

  • 视频页导航栏放在播放器上/下
  • 小窗播放器可调节大小，并移除非16:9视频产生的黑边 (例如)
  • 播放器底栏控件调整宽度间距
  • 播放器暂停强制显示控件

预览

  • 无，只需要想象一下可以滚动的网页全屏就行了
  • 装上去任意视频试试

注意

  • 仅适配新版页面
  • 移除了原宽屏/网页全屏按钮 (全屏仍保留)

兼容

浏览器

  • 需浏览器适配ES2020和CSS原生嵌套 (Chromium 120+ / Firefox 117+ / Safari 17.2+)
  • 测试仅使用Firefox最新版以及Edge最新版

插件

开发

脚本本体使用ts+vite+vite-plugin-monkey开发，直接npm vite即可开发/构建

选项面板使用npm vite -c vite.config.html.ts或者npm html可以独立开发/浏览，无需在bilibili上测试