#YouTube #Tools #Browsers #Web

📺 记一次改变 YouTube 网页版首页 UI 布局的尝试

印象里自从接触 YouTube 之后，我就一直使用浏览器网页的形式浏览其中的视频。偶尔也会用手机看，但自从 YouTube Premium 翻车之后，就 很少使用 了

😡 起因

YouTube 继承了 Google 一贯的神秘属性：更新经常灰度、变化一夜之间发生、不好直接控制。大概去年还是什么时候，YouTube 的网页版首页 UI 变成了一列展示三个视频的布局

乍看也能够接受，但是时间一长尤其是我经常外接 27 寸显示器之后，我发现它依然只会一行显示三个视频，并不能自适应调节。这很 Google

💡 探索与解决

和群友聊了这个问题，他推荐给我一个插件 UltimateYouTube Toolkit 以及一个 Reddit 帖子，前者是通过浏览器插件的形式直接调整网页参数、改变布局，后者是通过为 uBlock Origin 添加过滤器规则来实现的

但我既不想专门安装一个增强插件，也不想为了这些过滤规则就将用了好多年的 Adblock Plus 换掉，于是根据关键词进行了重新搜索，终于发现了另一个 Reddit 帖子

里面汇总了目前所有可用的增强扩展插件，Chrome 或其他平台都有，另外就是各种 uBlock Origin 过滤器规则。看来目前的解决思路主要就是这两种

👀 我的选择

有洁癖的各位应该会选过滤器规则吧，但是我实在不想换掉现在的广告过滤插件，因为也写了许多规则，于是最终还是选择了浏览器插件 YouTube Row Fixer

理由是它基本上算是专门来解决 UI 布局问题的插件，考虑到了许多细节问题，譬如是否展示标题全部文字、是否展示 YouTuber 头像等等，这些都是能够影响最终展示结果的。更重要的是，它完全 开源

最后我将整个页面调整成了 5x3 的布局，看起来舒服多了。又想到了 macOS 的 Lunchpad 默认的布局利用率也很低，自己每次换新电脑也是通过命令行进行自定义的。所以，至少要给个官方途径才好

频道：@NewlearnerChannel

#YouTube #Browsers #GitHub情报

📺 YouTube Tweak：适用于网页 YouTube 的优化扩展插件

🔗：GitHub | Chrome | Firefox

😠 默认 YouTube Web 使用痛点

① 画质并不固定，切换视频的播放倍速需要点击至少三次
② 不会记住每个频道的播放倍速 / 字幕启用状态
③ 一堆没用的按钮、广告、短视频
④ 首页推荐强制一行三个视频等

👉 Features

- 可更改首页每行视频数量
- 支持隐藏 Shorts / 频道主购物推荐
- 显示评论昵称、翻译
- 隐藏多余按钮、添加一键倍速按钮、半透明片尾画面等

总之，和许多 YouTube 第三方增强插件一样，开发者根据自己日常使用遇到的问题，量身定做了这款插件。如果你也遇到了和开发者一样的痛点，可以下载尝试。也欢迎你分享目前在用的 YouTube 第三方增强插件！

🧑🏻‍💻 开发者的话

我 是一个偏重度的 YouTube 用户，是 YouTube Premium 的长期订阅者，主要还是用 PC Web 版本。平时听歌以及看视频都在 YouTube 上完成，但 YouTube 的有些东西着实让我不爽。

这个项目是出于提升和我有同样困扰的用户的使用体验的目的而开发的，我不准备进行任何商业化或追踪器植入，确保代码的干净。

整体使用 TypeScript + Vue + WXT 进行开发，全手写 SCSS 样式，未使用任何 UI 框架。整体插件功能模块化，每个功能都分成了单独的模块，方便后续维护和扩展。

我希望有更多人能参与到这个项目中来，将你的想法变成现实。

📘 关联阅读：

1️⃣ 记一次改变 YouTube 网页版首页 UI 布局的尝试
2️⃣ Tubenote：基于 Gemini 的免费 YouTube 视频总结插件
3️⃣ Awesome Bilibili Extra：一些让你更愉快地使用 bilibili 的拓展/脚本/程序合集

频道：@NewlearnerChannel