🚀YouTube Layout油猴插件: 油管自适应布局、去除Shorts,YouTube再次伟大!(Fuck Youtube二次开发)

二次开发,书接上回:

感谢佬友的 @Kyoma 之前的 v1 开发,跟 gemini 合作,修改了一下,

先上效果图(27寸mac外接屏效果):

before:

after :

以下是新特性:

========

:glowing_star: 新版本油猴插件核心亮点抢先看 :glowing_star:

相比之前的版本,修改后的插件带来了 “亿” 点点进化:

  1. :brain:智能自适应网格布局
    • 在大屏幕(比如你的 27 寸外接显示器)上看?爽!依然是信息密度拉满的6 列视频
    • 换到小屏幕(比如你的 14 寸 MacBook Pro)了?贴心!自动切换为更舒适的5 列视频,告别文字挤成一团的尴尬!:heart_eyes:
  2. :black_nib:响应式字体与元素大小
    • 屏幕小了,字体和头像也会跟着变小巧精致!保证你在任何设备上都能清晰阅读视频标题和信息,不再 squinting your eyes!:nerd_face:
  3. :hammer_and_wrench:布局稳定性 Max
    • 修复了老版本在某些频道页面网格 “离家出走” 向右偏移的问题,现在稳如老狗!:dog_face:

:fire: 功能全家桶,一个都不能少!:fire:

除了上面的酷炫新特性,我们依然保留并优化了那些让你爱不释手的老功能:

1. :framed_picture: 自适应多列缩略图 (Adaptive Thumbnails Per Row)

  • 大屏享受 (默认 >1600px CSS 宽度): 每行霸气展示6 个视频缩略图!一眼扫过,信息尽览!
  • 小屏呵护 (≤1550px CSS 宽度): 自动调整为5 列显示,每个视频都有更多呼吸空间,标题、信息更完整!
  • 字体与头像智能缩放 (≤1600px CSS 宽度): 配合列数调整,标题、频道名、观看次数、头像都会适当缩小,小屏幕也能看得清清楚楚,明明白白!

2. :shorts: 再见,Shorts!(Remove Shorts)

  • 厌倦了无处不在的 Shorts?一键屏蔽!
  • 隐藏侧边栏入口、主页 / 搜索结果的 Shorts 专区、信息流中的 Shorts 短视频,甚至频道页的 Shorts 标签页!还你一个清爽的 YouTube! (注意:可能会在原位置留下一些 “沉思的” 空白区域哦~)

3. :gear: 技术宅的福音 (Tech Optimizations)

  • :prohibited: 禁用 AV1 视频编码 (Disable AV1): AV1 虽好,但硬解跟不上也白搭!此功能可尝试强制 VP9/H.264,降低 CPU/GPU 压力,让你的老设备也能流畅看片!
  • :shield: 禁用 WebRTC (Disable WebRTC): 对 P2P 连接说 No!增强一点点隐私防护。

4. :television: 播放器随心控 (Player Enhancements)

  • :sparkles: 视频裁切模式切换 (Player Video Fit Toggle): 在播放器设置里加了个小开关!想看完整视频(contain)还是让视频铺满屏幕(cover 裁切)?你说了算!设置自动保存,超方便!

5. :broom: 清爽体验 (Quality of Life)

  • :link: URL 清道夫 (Clean URL Params): 自动清理掉 URL 里那些烦人的跟踪参数 (si, pp, gclid, utm_* 等),分享链接都变得眉清目秀!
  • :fountain_pen: 系统字体大法好 (Use System Fonts): 用你最熟悉的系统默认字体看 YouTube,视觉风格更统一,告别 YouTube 的 “特供” 字体。
  • :artist_palette: 移除全局灰度滤镜 (Remove Black Backdrop Filter): 预防某些特殊情况下页面变灰的问题,时刻保持色彩鲜艳!

:hammer_and_wrench: 安装指南:三步搞定!:hammer_and_wrench:

  1. 第一步:安装脚本管理器:monkey:
    如果你是油猴脚本新手,先给你的浏览器装个 “管家” 吧!推荐:
    • Tampermonkey (全能型选手,支持 Chrome, Edge, Safari, Firefox 等)
  2. 第二步:安装本脚本:sparkles:
    点击下面的链接,你的脚本管理器会自动弹出安装提示,点 “安装” 就好啦!
    :backhand_index_pointing_right:**点击此处安装**:backhand_index_pointing_left:
  3. **第三步:打开 YouTube,见证奇迹!**:magic_wand:
    刷新一下 YouTube 页面,感受脱胎换骨的浏览体验吧!

:teacher: 授人以渔:如何让脚本更懂你的屏幕?(DIY 大法) :technologist:

虽然 v0.4 已经很智能了,但每个人的设备和偏好都不同。楼主是 21 款 14 寸 macbook pro+ 27 寸 4k 显示器,目前默认的配置就是按照这两块屏幕来的。

想让它完美适配你 N 个尺寸各异的屏幕?没问题,跟我来学 “智能提示词” 大法,让 AI 帮你定制!

核心思路: 我们主要通过 CSS 中的 “媒体查询”(Media Queries)来让脚本识别不同的屏幕宽度,并应用不同的样式(比如几列视频、字体多大)。

你需要告诉 AI(或者自己动手改)的关键信息:

  1. 你的屏幕 CSS 像素宽度 (逻辑分辨率):

    • 如何获取? 在你想要优化的屏幕上打开 YouTube,按 F12 打开浏览器开发者工具。在 “Elements” 或 “Inspector” 标签页,通常能看到当前视口的宽度。或者,调整浏览器窗口大小,找到你觉得布局应该改变的那个临界宽度。
    • 示例: 你的 14 寸 MacBook Pro 默认可能是 1512px 宽,27 寸 4K 显示器可能是 2560px 或 1920px 宽(取决于缩放设置)。
  2. 在特定宽度下你想要的效果:

    • 每行几列视频? (比如,--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-renderermax-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 测试!

小贴士 :light_bulb::

  • rem 单位是相对于根元素的字体大小,通常是 16px。所以 1.3rem 大约是 20.8px
  • 可以多次调整,小步快跑,直到满意为止!
  • !important 在这里是为了确保我们的样式能覆盖 YouTube 的默认样式,谨慎使用,但在这里是必要的。

:warning: 注意事项 & 未来展望 :warning:

  • YouTube 爸爸经常更新网站,脚本的某些部分(尤其是界面相关的)可能会 “罢工”。如果遇到问题,请留意脚本是否有更新,或者尝试自己动手按上面的 “授人以渔” 方法微调!
  • “移除 Shorts” 功能毕竟是 CSS 隐藏,有时可能会在原位置留下一些哲学性的空白。
  • 禁用 AV1 的好处因人(机)而异,请自行判断。

让我们的 YouTube 体验一起变得更棒吧!:partying_face: 如果你喜欢这个脚本,别忘了给个好评哦!:+1:

85 Likes

感谢大佬分享啦

3 Likes

感谢分享

2 Likes

已安装,后面试试

2 Likes

感谢分享

3 Likes

好强,赶紧安装看看

2 Likes

再次安装,再次伟大!

2 Likes


md格式有问题

2 Likes

终于看到一个能屏蔽shorts的了,那破玩意太烦人了

3 Likes

刚改了一下,看看可以了不

3 Likes

我立马安装,感谢热佬

2 Likes

科技男福音

1 Like

:tieba_013: :tieba_013: 肥肠好用,改成每行4个视频舒服多了:tieba_013:

1 Like

有没有好兄弟来个效果图

1 Like

好用爱用

但是我就是想看shorts

太强了,感谢大佬

你可以试着搞一个纯shorts的脚本

很棒的脚本:tieba_013:

感谢分享