☰

Wider Bilibili

哔哩哔哩宽屏体验

目前為 2024-03-18 提交的版本，檢視 最新版本。

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
posthumz
評價
0 0 0
版本
0.4.1.1
建立日期
2023-09-04
更新日期
2024-03-18
尺寸
25.3 KB
授權條款
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上测试