PC端，能否修改utb首页每行显示视频的数量？

森田美位子

一行显示4个还是5个都行，但只显示3个太浪费页面了。之前某次改版的时候，我把左侧侧栏收起来，一行还是能显示4个。而最近的改版，收起侧栏都不管用了。通过页面缩放到80%，虽然也能显示4个视频，但是字体小得没法看了。我总不能浏览首页的时候收缩到80%，看视频留言的时候再放大，来来回回太麻烦了

sunny_am

ublock origin

1. youtube.com##ytd-rich-grid-renderer:style(--ytd-rich-grid-items-per-row: 4 !important;)

复制代码

再加一条改善对齐

1. youtube.com##ytd-rich-grid-renderer:style(--ytd-rich-grid-gutter-margin: 0px !important;)

复制代码

https://www.reddit.com/r/youtube ... n1/comment/lnw8xu0/

rrpw777

编辑完发现和楼上的出处一样。我记得【有关】原来是违禁词啊。
https://www.reddit.com/r/【有关】/comments/1fkkcn1/comment/lnw8xu0/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
ubo还在的话直接按照里面说的加规则就行。由于我上次被chrome忽悠把UBO卸载了，换成lite了，所以让ds改写了一个油猴脚本，没有仔细测过。注意自己查找替换一下文字
--ytd-rich-grid-items-per-row是每行几个
--ytd-rich-grid-slim-items-per-row是shorts的

1. // ==UserScript==
   
2. // @Name         【有关】 Multi-Column Layout
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      1.0
   
5. // @description  Makes 【有关】 display more videos per row by modifying CSS variables
   
6. // @author       Your Name
   
7. // @Match        https://www.【有关】.com/*
   
8. // @grant        none
   
9. // ==/UserScript==
   
10. 
    
11. (function() {
    
12.     'use strict';
    
13. 
    
14.     // Function to apply the styles
    
15.     function applyStyles() {
    
16.         // Create a style element
    
17.         const style = document.createElement('style');
    
18.         style.id = '【有关】-multi-column-style';
    
19. 
    
20.         // CSS rules based on the uBlock Origin filters
    
21.         style.textContent = `
    
22.             ytd-rich-grid-renderer {
    
23.                 --ytd-rich-grid-items-per-row: 6 !important;
    
24.                 --ytd-rich-grid-posts-per-row: 6 !important;
    
25.                 --ytd-rich-grid-gutter-margin: 0px !important;
    
26.             }
    
27. 
    
28.             ytd-two-column-browse-results-renderer.grid-6-columns {
    
29.                 width: 100% !important;
    
30.             }
    
31. 
    
32.             ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
    
33.                 max-width: 100% !important;
    
34.             }
    
35. 
    
36.             ytd-rich-grid-renderer, html {
    
37.                 --ytd-rich-grid-slim-items-per-row: 7 !important;
    
38.                 --ytd-rich-grid-game-cards-per-row: 7 !important;
    
39.             }
    
40.         `;
    
41. 
    
42.         // Add the style to the head of the document
    
43.         document.head.appendChild(style);
    
44.     }
    
45. 
    
46.     // Function to hide rich shelf renderer
    
47.     function hideRichShelfRenderer() {
    
48.         const elements = document.querySelectorAll('ytd-rich-shelf-renderer');
    
49.         elements.forEach(el => {
    
50.             el.setAttribute('is-show-more-hidden', '');
    
51.         });
    
52.     }
    
53. 
    
54.     // Function to remove hidden attribute from rich item renderer
    
55.     function removeHiddenFromRichItemRenderer() {
    
56.         const elements = document.querySelectorAll('ytd-rich-item-renderer[hidden]');
    
57.         elements.forEach(el => {
    
58.             el.removeAttribute('hidden');
    
59.         });
    
60.     }
    
61. 
    
62.     // Apply styles immediately
    
63.     applyStyles();
    
64. 
    
65.     // Run the other functions immediately and on navigation
    
66.     hideRichShelfRenderer();
    
67.     removeHiddenFromRichItemRenderer();
    
68. 
    
69.     // 【有关】 uses AJAX navigation, so we need to reapply on navigation
    
70.     const observer = new MutationObserver(() => {
    
71.         applyStyles();
    
72.         hideRichShelfRenderer();
    
73.         removeHiddenFromRichItemRenderer();
    
74.     });
    
75. 
    
76.     observer.observe(document.body, {
    
77.         childList: true,
    
78.         subtree: true
    
79.     });
    
80. })();

复制代码

梦窗

https://greasyfork.org/zh-CN/scr ... 5%E5%B8%83%E5%B1%80

黑上シグマ

我现在用的有个叫Youtube Row Fixer的附加组件



----发送自 STAGE1 App for Android.

森田美位子

一并谢过楼上诸位