☰

Wider Bilibili

哔哩哔哩宽屏体验

如何安裝

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

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

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

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

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

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

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

如何安裝

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

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

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

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

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

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

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

作者
posthumz
今日安裝
0
安裝總數
1,333
評價
24 1 0
版本
0.4.8
建立日期
2023-09-04
更新日期
2025-09-08
尺寸
35.3 KB
相容性
相容於 Firefox 相容於 Chrome 相容於 Edge
授權條款
MIT
腳本執行於

Wider Bilibili

基础功能

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

可选选项

  • 播放器高度自适应（无上下黑边）
  • 导航栏置于播放器下方
  • 小窗播放器可调节大小、可记录移动位置，移除非16:9视频的黑边 (例如)
  • 播放器下方可配预留标题空间
  • 播放器底栏控件调整宽度间距
  • 播放器暂停时强制显示控件
  • 显示播放人数/弹幕数 (自带网页全屏下不会显示)
  • 右键选项以恢复至默认值

预览

装上去任意视频试试

视频功能及选项预览

小窗功能预览

注意

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

兼容

浏览器

  • 需浏览器适配ES2020、CSS原生嵌套和popover (Chromium 120+ / Firefox 125+ / Safari 17.2+)（总之用最新版本准没错
  • 自测使用仅在Firefox最新版以及Edge最新版

插件

开发

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

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