二次开发,书接上回:
感谢佬友的 @Kyoma 之前的 v1 开发,跟 gemini 合作,修改了一下,
先上效果图(27寸mac外接屏效果):
before:
after :
以下是新特性:
========
新版本油猴插件核心亮点抢先看 
相比之前的版本,修改后的插件带来了 “亿” 点点进化:
智能自适应网格布局:
- 在大屏幕(比如你的 27 寸外接显示器)上看?爽!依然是信息密度拉满的6 列视频!
- 换到小屏幕(比如你的 14 寸 MacBook Pro)了?贴心!自动切换为更舒适的5 列视频,告别文字挤成一团的尴尬!
响应式字体与元素大小:
- 屏幕小了,字体和头像也会跟着变小巧精致!保证你在任何设备上都能清晰阅读视频标题和信息,不再 squinting your eyes!
- 屏幕小了,字体和头像也会跟着变小巧精致!保证你在任何设备上都能清晰阅读视频标题和信息,不再 squinting your eyes!
布局稳定性 Max:
- 修复了老版本在某些频道页面网格 “离家出走” 向右偏移的问题,现在稳如老狗!
- 修复了老版本在某些频道页面网格 “离家出走” 向右偏移的问题,现在稳如老狗!
功能全家桶,一个都不能少!
除了上面的酷炫新特性,我们依然保留并优化了那些让你爱不释手的老功能:
1.
自适应多列缩略图 (Adaptive Thumbnails Per Row)
- 大屏享受 (默认 >1600px CSS 宽度): 每行霸气展示6 个视频缩略图!一眼扫过,信息尽览!
- 小屏呵护 (≤1550px CSS 宽度): 自动调整为5 列显示,每个视频都有更多呼吸空间,标题、信息更完整!
- 字体与头像智能缩放 (≤1600px CSS 宽度): 配合列数调整,标题、频道名、观看次数、头像都会适当缩小,小屏幕也能看得清清楚楚,明明白白!
2.
再见,Shorts!(Remove Shorts)
- 厌倦了无处不在的 Shorts?一键屏蔽!
- 隐藏侧边栏入口、主页 / 搜索结果的 Shorts 专区、信息流中的 Shorts 短视频,甚至频道页的 Shorts 标签页!还你一个清爽的 YouTube! (注意:可能会在原位置留下一些 “沉思的” 空白区域哦~)
3.
技术宅的福音 (Tech Optimizations)
禁用 AV1 视频编码 (Disable AV1): AV1 虽好,但硬解跟不上也白搭!此功能可尝试强制 VP9/H.264,降低 CPU/GPU 压力,让你的老设备也能流畅看片!
禁用 WebRTC (Disable WebRTC): 对 P2P 连接说 No!增强一点点隐私防护。
4.
播放器随心控 (Player Enhancements)
视频裁切模式切换 (Player Video Fit Toggle): 在播放器设置里加了个小开关!想看完整视频(contain)还是让视频铺满屏幕(cover 裁切)?你说了算!设置自动保存,超方便!
5.
清爽体验 (Quality of Life)
URL 清道夫 (Clean URL Params): 自动清理掉 URL 里那些烦人的跟踪参数 (
si
,pp
,gclid
,utm_*
等),分享链接都变得眉清目秀!系统字体大法好 (Use System Fonts): 用你最熟悉的系统默认字体看 YouTube,视觉风格更统一,告别 YouTube 的 “特供” 字体。
移除全局灰度滤镜 (Remove Black Backdrop Filter): 预防某些特殊情况下页面变灰的问题,时刻保持色彩鲜艳!
安装指南:三步搞定!
- 第一步:安装脚本管理器
如果你是油猴脚本新手,先给你的浏览器装个 “管家” 吧!推荐:- Tampermonkey (全能型选手,支持 Chrome, Edge, Safari, Firefox 等)
- 第二步:安装本脚本
点击下面的链接,你的脚本管理器会自动弹出安装提示,点 “安装” 就好啦!
**点击此处安装**
- **第三步:打开 YouTube,见证奇迹!**
刷新一下 YouTube 页面,感受脱胎换骨的浏览体验吧!
授人以渔:如何让脚本更懂你的屏幕?(DIY 大法) 
虽然 v0.4 已经很智能了,但每个人的设备和偏好都不同。楼主是 21 款 14 寸 macbook pro+ 27 寸 4k 显示器,目前默认的配置就是按照这两块屏幕来的。
想让它完美适配你 N 个尺寸各异的屏幕?没问题,跟我来学 “智能提示词” 大法,让 AI 帮你定制!
核心思路: 我们主要通过 CSS 中的 “媒体查询”(Media Queries)来让脚本识别不同的屏幕宽度,并应用不同的样式(比如几列视频、字体多大)。
你需要告诉 AI(或者自己动手改)的关键信息:
-
你的屏幕 CSS 像素宽度 (逻辑分辨率):
- 如何获取? 在你想要优化的屏幕上打开 YouTube,按 F12 打开浏览器开发者工具。在 “Elements” 或 “Inspector” 标签页,通常能看到当前视口的宽度。或者,调整浏览器窗口大小,找到你觉得布局应该改变的那个临界宽度。
- 示例: 你的 14 寸 MacBook Pro 默认可能是 1512px 宽,27 寸 4K 显示器可能是 2560px 或 1920px 宽(取决于缩放设置)。
-
在特定宽度下你想要的效果:
- 每行几列视频? (比如,
--ytd-rich-grid-items-per-row: 4 !important;
) - 标题字体多大? (比如,
font-size: 1.2rem !important;
) - 元数据(频道名、观看数)字体多大? (比如,
font-size: 1.0rem !important;
) - 头像多大? (比如,
width: 24px !important; height: 24px !important;
)
- 每行几列视频? (比如,
如何给 AI 写提示词 (以 Gemini 为例,你可以用任何 AI 助手):
“你好,我有一个油猴脚本,里面有一段 CSS 用于控制 YouTube 的视频列表布局。这是相关的 CSS 代码片段:”
/* (此处粘贴脚本中 sixThumbs 模块内的 GM_addStyle 包裹的全部 CSS 内容) */ /* 例如,从 ytd-rich-grid-renderer { ... } 开始,到最后一个 @media (...) { ... } 结束 */
“我现在想做如下调整:”
- “当屏幕宽度小于或等于
[你的屏幕宽度 1,例如 1400px]
时,我希望每行显示[列数 1,例如 4]
个视频,视频标题字体大小为[字体大小 1,例如 1.2rem]
,元数据字体大小为[字体大小 2,例如 1.1rem]
,头像大小为[头像尺寸 1,例如 26px]
。”- “当屏幕宽度在
[你的屏幕宽度 1]
和[你的屏幕宽度 2,例如 1800px]
之间时,我希望每行显示[列数 2,例如 5]
个视频,视频标题字体大小为[字体大小 3,例如 1.4rem]
,元数据字体大小为[字体大小 4,例如 1.2rem]
,头像大小为[头像尺寸 2,例如 30px]
。”- “对于大于
[你的屏幕宽度 2]
的屏幕,保持默认的 6 列和较大的字体。”- “请帮我修改上面的 CSS 代码,加入这些新的媒体查询规则,并确保
ytd-rich-grid-renderer
的max-width
计算能根据列数正确调整。请注意 CSS 变量--ytd-rich-grid-item-max-width
(默认为 360px) 和--ytd-rich-grid-item-margin
(默认为 16px) 在计算max-width
时的使用。”“最终请直接输出修改后的完整
sixThumbs
模块的 JavaScript 代码,或者至少是GM_addStyle (e\
…`);` 内部的完整 CSS 代码。”
拿到 AI 给你的代码后:
丢进去新的油猴脚本并保存,关闭老脚本的开关,并且刷新 Youtube 测试!
小贴士 :
rem
单位是相对于根元素的字体大小,通常是16px
。所以1.3rem
大约是20.8px
。- 可以多次调整,小步快跑,直到满意为止!
!important
在这里是为了确保我们的样式能覆盖 YouTube 的默认样式,谨慎使用,但在这里是必要的。
注意事项 & 未来展望 
- YouTube 爸爸经常更新网站,脚本的某些部分(尤其是界面相关的)可能会 “罢工”。如果遇到问题,请留意脚本是否有更新,或者尝试自己动手按上面的 “授人以渔” 方法微调!
- “移除 Shorts” 功能毕竟是 CSS 隐藏,有时可能会在原位置留下一些哲学性的空白。
- 禁用 AV1 的好处因人(机)而异,请自行判断。
让我们的 YouTube 体验一起变得更棒吧! 如果你喜欢这个脚本,别忘了给个好评哦!