记录一次使用tampermonkey添加自定义脚本的过程

214 阅读1分钟

需求

因为平常放松的方式就是B站看吃播和搞笑视频,所以收藏了一批up主,然后随着新建的收藏夹越来越多,我发现了一个问题了,就是关注列表这一部分设置了最高高度,导致超出了高度了之后它就会出现滚动条,让我滚动,这其实很合理。但我因为频繁打开这个页面想一眼看到我所有的分类,所以我就想可不可以把最高高度取消掉。最终我使用tampermonkey这个扩展添加了一个自定义脚本解决了这个问题。

image.png

这是添加脚本之后的页面,就不会出现滚动条了。扩展也会提示有1个脚本在生效。

image.png image.png

脚本代码

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      2024-05-06
// @description  try to take over the world!
// @author       You
// @match        https://space.bilibili.com/213011251/fans/follow*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    window.onload = function() {
        const followListContainer = document.querySelector('.follow-list-container');
        if (followListContainer) {
            followListContainer.style.maxHeight='none';
        }
    };
})();