3.4 KiB
3.4 KiB
Chaturbate 缩略图自定义缩放
这个油猴脚本用于自定义调整 Chaturbate 页面中的缩略图和房间卡片尺寸，让首页、关注页、发现页、频道页相关推荐、关注下拉和悬停预览在大屏上更容易浏览。
安装地址
脚本元信息中的 @updateURL 和 @downloadURL 都指向上面的 Gitea raw 地址，因此安装后可以通过 Tampermonkey 自动更新。
主要功能
- 自定义放大首页和关注页房间列表。
- 自定义放大发现页横向轮播区域。
- 自定义放大频道页“更多这样的直播间”。
- 自定义放大顶部“关注”下拉弹层中的预览卡片。
- 修正关注下拉弹层放大后可能超出屏幕左侧的问题。
- 翻译
tags页面中以#开头的主题标签。 - 在页面右下角提供缩放控制面板。
- 可选自动隐藏频道页直播画面上方的小聊天浮窗。
页面控制项
脚本加载后会在页面右下角显示控制面板：
| 控制项 | 作用 |
|---|---|
| 响应式 | 用于首页、关注页、频道页相关推荐等需要跟随浏览器宽度自动换列的区域。 |
| 固定式 | 用于关注下拉、悬停预览等固定尺寸弹层。 |
| 隐藏聊天窗 | 只隐藏频道页直播画面上方的小聊天浮窗，不隐藏主直播画面。 |
| 恢复原始尺寸 | 将响应式和固定式倍率恢复为 1.0。 |
倍率支持小数点后一位。设置会保存到浏览器 localStorage，下次打开页面继续生效。
放大逻辑
脚本尽量保留网站原有响应式布局，只改变尺寸倍率：
- 响应式列表不固定列数，而是提高卡片的最小宽度，让浏览器按窗口宽度自动决定列数。
- 缩略图宽高按倍率放大，避免只改宽度导致比例失衡。
- 卡片整体高度使用自动布局，避免文字区被强行拉高或压扁。
- 固定弹层只在必要时调整位置，弹层放大后如果超出屏幕左侧，才向右移动到可见范围内。
适用页面
https://chaturbate.com/*https://*.chaturbate.com/*
常用中文页面包括：
https://zh-hans.chaturbate.com/https://zh-hans.chaturbate.com/followed-cams/https://zh-hans.chaturbate.com/discover/https://zh-hans.chaturbate.com/tags/https://zh-hans.chaturbate.com/tags/female/- 各主播频道页，例如
https://zh-hans.chaturbate.com/example_room/
调试
脚本保留控制台调试入口：
tmThumbScaleDebug()
tmThumbScaleInspectRecommendations()
tmThumbScaleInspectRoomChat()
tmThumbScaleSetScales(1.8, 1.5)
如果页面布局异常，可以先在控制台执行 tmThumbScaleDebug()，查看当前页面识别到的区域、CSS 变量和脚本版本。
本地验证
node --check .\Chaturbate\chaturbate-thumbnails-custom.user.js
node .\tests\followed-dropdown-css.test.js
维护注意
- 修改脚本名或文件名时，同步更新
@updateURL、@downloadURL、根目录 README 和测试文件路径。 - 不要把本机
127.0.0.1调试地址写进@updateURL或@downloadURL。 - 若 Chaturbate 页面结构变更，应优先在浏览器中检查真实 DOM，再调整选择器。